HTML/CSS Markers using Google Maps Javascript API v3

Viewed 6565

Our company just moved from Leaflet.js to the Google Maps API; I've search high and low trying to find a simple way of integrating HTML/CSS Markers/Boxes as overlays into the Google Maps Javascript API v3.

So far, i've found this tutorial: https://developers.google.com/maps/documentation/javascript/overlays#CustomOverlays

Nevertheless, I find it extremely clunky and I haven't been able to inject HTML/CSS code successfully into the map.

Does anybody know of an easier way of adding HTML/CSS Markers/Boxes unto Google Map?

I could go ahead and hack the map by assigning top/left coordinates to divisions and then attach them to the map with jQuery to markers on google map, but this is a workaround/hack and there must be a simple way of integrating these.

Thanks in advance!

2 Answers
Related