Standard-Marker in Google Maps zu klein

Question

i wie diese eine Ortsauswahl ist die Umsetzung: http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1

Aber wenn ich den Code in meiner Umgebung laden ist der Ort Marker plötzlich klein und zerquetscht nach Laden der Seite (image1 sehen). Dann, nachdem ich den Marker gezogen habe, wird er noch kleiner (siehe Bild 2).

Hat jemand etwas Ähnliches gesehen? Es würde helfen, einen Hinweis zu bekommen, wie ich das umgehen kann oder welchen Fehler ich gemacht habe.

. Wie kann ich die Größe meiner Marker korrigieren?

Mein Code sieht wie folgt aus:

var marker = new google.maps.Marker({ 
    title: settings.gMapMarkerTitle, 
    map: map, 
    position: defaultLocationLatLng, 
    draggable: true 
}); 

Answer 1

Das Problem war in der Tat eine CSS-Einstellung. Ich benutze das zurb foundation framework, welches die maximale Breite für alle Bilder definiert.

Fixed es, indem ich meine eigene CSS-Klasse zur Karte Div hinzufügen. Es überschreibt die Einstellung für die maximale Breite, und die Marker sind wieder normal.

<div id="gmap" class="map_canvas" /> 

.map_canvas img { 
    max-width: none; // just in case it does not work... add !important; 
} 

Dank Dr. Molle für den Tipp ...

Answer 2

Arbeiten ohne! Wichtig, und! Important sollte nicht verwendet werden, wenn es nicht sein muss.

.map_canvas img { 
    max-width: none; 
}