Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I re-style google map's infowindows to look less crappy?

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.

like image 288
Haroldo Avatar asked Jan 20 '11 13:01

Haroldo


People also ask

What is google maps InfoWindow?

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.

How do I change the width of InfoWindow on Google Maps?

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."

How do I customize the Google Maps window pop up?

You can modify the whole InfoWindow using jquery alone... var popup = new google. maps. InfoWindow({ content:'<p id="hook">Hello World!


1 Answers

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!

like image 63
Brett Avatar answered Oct 11 '22 15:10

Brett