The chunky speech bubble things look pretty crap in my opinion, i'd like something much tidier and more minimal.
Are there any native ways to change the info box style without manually replacing the elements with js each time an infowindow is shown (clumsy)?
I'm using google maps api v3.
An InfoWindow displays content (usually text or images) in a popup window above the map, at a given location. The info window has a content area and a tapered stem. The tip of the stem is attached to a specified location on the map. Info windows appear as a Dialog to screen readers.
maps. InfoWindow({ content: some_text, maxWidth: 200 }); The documentation notes that the "value is only considered if it is set before a call to open. To change the maximum width when changing content, call close, setOptions, and then open."
You can modify the whole InfoWindow using jquery alone... var popup = new google. maps. InfoWindow({ content:'<p id="hook">Hello World!
I'm currently working on a project and had a similar requirement. I used this:
Infobox from: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html
It did exactly what I needed it to. I does require minor JS changes, but works pretty well.
Good luck!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With