How to create a custom marker in google map with chat bubble background and number in the upper right corner of the image, for example, flirt cards?

Question

Please note that this is different from infowindow, in which you can put any html code, but it is activated only when you click the marker. I know that you can have different marker icons, but what do the shadows (bubble chat) and user number look like? Like this:
http://a1.phobos.apple.com/us/r1000/058/Purple/57/b2/20/mzl.cluqsjfk.320x480-75.jpg

Answer 1

You can implement a custom overlay to use any HTML and CSS that you want to use as a marker.

https://developers.google.com/maps/documentation/javascript/customoverlays