Standardowy Marker w Google Maps zbyt mały

Question

jestem wykonawczych sąsiednich Picker jak ten: http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1

ale kiedy załadować kod w moim otoczeniu Marker Lokalizacja jest nagle mały i zgniecione po załadowaniu strony (patrz Image1). Następnie po przeciągnięciu markera staje się jeszcze mniejszy (patrz zdjęcie 2).

Czy ktoś widział coś takiego? Pomogłoby to uzyskać wskazówkę, jak mogę to obejść lub jaki popełniłem błąd.

tj. Jak mogę poprawić rozmiar moich znaczników?

Mój kod wygląda następująco:

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

Answer 1

Problem był rzeczywiście ustawienie CSS. Używam platformy fundamentowej zurb, która definiuje szerokość maksymalną dla wszystkich obrazów.

max-width: 100%; 

Naprawiono go, dodając własną klasę css do div mapy. Zastępuje ustawienie maksymalnej szerokości, a znaczniki powracają do normy.

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

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

Dzięki dr Molle dla Hint ...

Answer 2

działa bez! Ważne, a! Important nie powinny być stosowane, jeżeli nie musi być.

.map_canvas img { 
    max-width: none; 
}