Twitter Bootstrap und defekte InfoWindows bei Google Maps V3

In einem kleinen Testprojekt wollte ich mir das das Twitter Bootstrap Framework (V2.1.1) in Verbindung mit FLOW3 (seit Oktober 2012: „TYPO3 Flow“) näher anschauen. Dabei kamen dann auch verschiedene Orte zum Einsatz und dabei fiel mir auf, dass die InfoWindows der Ortsmarker nicht mehr richtig angezeigt wurden.

Fehlerhafte Anzeige der InfoWindows in GoogleMaps unter Verwendung von Twitter Bootstrap

Bei den Bootstrap issues auf github wurde ich dann fündig. Man muss lediglich eine kleine Anpassung  am CSS vornehmen.

/* Google Maps V3 InfoWindow Fix */
#googleMaps img {
    max-width: none;
}

Nachdem ich dies eingefügt habe kappte es auch wieder mit der Anzeige.
Das Element mit der ID „googleMaps“ ist hierbei das Element in dem die Karte angezeigt wird.

Gefixte Anzeige des InfoWindows bei googleMaps und Twitter Bootstrap

Wer sich selber noch weiter informieren möchte, kann sich das Problem auf folgenden Seiten genauer ansehen.
https://github.com/twitter/bootstrap/issues/2410
http://stackoverflow.com/questions/1554893/...

Schreibe einen Kommentar

Datenschutzhinweise: Die E-Mailadresse wird an den Dienst Gravatar (der Firma Auttomatic) weiter geleitet, um zu prüfen, ob die Kommentatoren dort ein Profilbild hinterlegt haben. Sie wir jedoch NICHT veröffentlicht. Zu Details hierzu sowie generell zur Verarbeitung Ihrer Daten und Widerrufsmöglichkeiten, verweisen wir Sie auf unsere Datenschutzerklärung. Ebenfalls finden Sie dort Hinweise zu Kommentar-/Postabonnements und Hinweise zum Widerrufsrecht. Sie können für Kommentare auch gerne Pseudonyme verwenden. Erforderliche Felder sind mit * markiert.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert


Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.