marcador estándar en Google Maps demasiado pequeño

Question

i estoy poniendo en práctica un Selector de lugar como éste: http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1

Pero cuando me carga el código en mi entorno el Marcador ubicación es repente pequeña y aplastada después de cargar la página (ver imagen1) Luego, después de arrastrar el Marker, se hace aún más pequeño (ver imagen2).

alguien ha visto algo como esto? Sería útil obtener una pista de cómo puedo evitar esto, o qué error cometí.

es decir, ¿cómo puedo solucionar el tamaño de mis marcadores?

Mi código es el siguiente:

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

Answer 1

el problema era de hecho un ajuste de CSS. Estoy utilizando el marco de base zurb, que define el ancho máximo para todas las imágenes.

max-width: 100%; 

Lo solucioné, agregando mi propia clase css al mapa div. Anula la configuración de ancho máximo y los marcadores vuelven a la normalidad.

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

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

Gracias Dr. Molle por la pista ...

Answer 2

obras sin! Importante, y! Importante no debe usarse si no tiene por qué ser.

.map_canvas img { 
    max-width: none; 
}