CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3infowindow
luidgi27
luidgi27

Reputation: 324

Reproduce Google Maps Infowindow

I'm making an website and I'm including google maps v3 with jQuery Map Marker Plugin. What I wanted to do is reproduce the default window from google maps and have something like this:

enter image description here

There's a way to reproduce this ? Thanks

Upvotes: 0

Views: 117

Answers (1)

Preview
Preview

Reputation: 35846

Your plugin allow to append HTML in the last elem of the Json in the baloon_text.

{"latitude": "31.42", "longitude":"-98.61", "icon": "i.png", "baloon_text": ''}

So you can append your own HTML content for each marker. Based on this, you just have to reproduce what you want, and in this case the old Google Maps InfoWindow.

I've got some time, so I've made a Fiddle almost same I think, all you have to do is to play with CSS according to what you want to show exactly :)

Upvotes: 1

Related Questions