Your Google Maps html marker?

Question

css

How can I make my own html marker Google Maps?
So that it is not a picture .. For example:

<div class="my-placemark">
   <span>1 </span>
  </div>

Answer 1

Answer 2

There are ready-made libraries, google on request Rich marker
Example of use

Answer 3

var desr = "<div class="my-placemark">
   <span>1 </span>
  </div>";
  google.maps.event.addListener(%markername%, 'click', function () {
        infoWindow.setContent(descr);
        infoWindow.open(map, this);
    });

If you need to style the marker, then here is the documentation:
https://developers.google.com/maps/documentation/j...