CODEWITHSUNDEEP
cssgoogle-mapsbadge
BobbaFett
BobbaFett

Reputation: 73

Personalize the Google Maps badge

I would like to personalize the position badge on a Google Map (with API). I know it's possible to change the appeareance of the badge with CSS or image. But how I can do that ?

This is what I want : enter image description here

The small rectangle is the normal view, and the big rectangle is the clicked view (with informations). Thanks !!!

Upvotes: 1

Views: 334

Answers (1)

duncan
duncan

Reputation: 31922

The 'big rectangle' and 'small rectangle' are both infowindows. Styling infowindows has been asked here before: Styling Google Maps InfoWindow

You'd need to have an event listener, so initially the small infowindows are all displayed on load. Then when you click on a point or on an infowindow, you then show the large infowindow.

Upvotes: 1

Related Questions