JQuery Google map as a plugin - Using custom maps / images and the ability to add markers

Question

I spent some time this evening trying to find a good tutorial on how to use Google Maps with my own map image. I have an image, which is basically a blue print, and I need something similar to how Google maps work, where you can drag and drop it, zoom in and, most importantly, position markers.

I used the Google Maps API several times to do something similar, but they all do not cover it very well or are outdated. Also, a good piece of them simply changes the colors of existing cards or simply positions an existing card somewhere else, and does not completely replace the card.

Does anyone know of good tutorials for this? Or perhaps a fully standalone jQuery plugin that can achieve this?

Thanks.

Answer 1

I know two:

• Openlayers
• Leaflet

Both of them allow you to download data from arbitrary sources and use them in the same way as in Google Map.