Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Distorted InfoBox in Google Maps API

I'm using Google Maps' API and added a few markers in a map. Each marker has a infoBox with different content. Everything works fine but the appearance it's just horrible.

As you can see in the following image, it looks kinda distorted. Any clues?

image http://box.jisko.net/i/d8353364.png

Thank you!

like image 500
Marcos García Avatar asked Jun 26 '12 13:06

Marcos García


People also ask

How do I edit InfoWindow on Google Maps?

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

How do I put InfoWindow on marker?

Call setPosition() on the info window, or. Attach the info window to a new marker using the InfoWindow. open() method. Note: If you call open() without passing a marker, the InfoWindow will use the position specified upon construction through the InfoWindowOptions object literal.


1 Answers

OK. @geocodezip was right. Bootstrap does make a conflict with Google Maps and this was already solved here: Twitter Bootstrap CSS affecting Google Maps

Thank you :)

like image 189
Marcos García Avatar answered Oct 05 '22 04:10

Marcos García