2012-08-10 6 views
6

Ich habe ein Google Map Problem, alles scheint zu funktionieren, außer die Zoom Buttons scheinen durcheinander zu seinGoogle Map's Zoom sieht komisch aus

Hier ist ein Bild der Karte. enter image description here

Ich vermute, dass etwas überlappt, aber ich bin mir nicht wirklich sicher.

Antwort

6

Zunächst funktioniert der von Ihnen angegebene Link nicht.

Dieses Problem ist in der Regel aufgrund der CSS (ich glaube, es bootstrap.css), die die Google Map-Steuerelemente durcheinander gebracht macht. Überprüfen Sie, ob die Zeile mit dem Code: max-width:100%

Sie müssen es entfernen.

Überprüfen Sie, ob es funktioniert.

+0

Dank dies ist genau das, was das Problem war. Ich musste max-width entfernen: 100%; aus dem img-teil der bootstrap.css – Jazzy

12

Scheint, ich bin sehr spät, dachte immer noch, meine Gedanken zu teilen.

Es ist keine gute Idee, das css einer Bibliothek zu bearbeiten. Vielmehr können wir es außer Kraft setzen

Das ist, was ich used.try diese

#mapDiv img{ max-width: none; } 
+0

kann ich es nicht glauben! Vielen Dank! –

0

Bootstrap.css eigentlich eine Klasse google-maps, die die max-width des img gesetzt wird aufgerufen hat keiner. Der Code in bootstrap.css ist

#map_canvas img, .google-maps img{max-width:none}

Hier ist ein Link auf die Frage auf Stackoverflow ist: Twitter Bootstrap CSS affecting Google Maps

Verwandte Themen