Стандартный маркер в Google Maps слишком мал

Я использую Pick Picker, как этот: http://m.rhinvivant-lebendigerrhein.eu/geopick.php?raz=1

Но когда я загружаю код в свою среду, маркер местоположения внезапно становится маленьким и раздавлен после загрузки страницы (см. изображение1). Затем, после того как я потащил маркер, он становится еще меньше (см. Изображение2).

google maps marker too small

Кто-нибудь видел что-то подобное? Это поможет понять, как я могу обойти это, или какую ошибку я сделал.

то есть. Как я могу исправить размер моих маркеров?

Мой код выглядит следующим образом:

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

Ответы

Ответ 1

Проблема действительно была установкой CSS. Я использую структуру основания zurb, которая определяет максимальную ширину для всех изображений.

max-width: 100%;

Исправлено, добавив мой собственный класс css в div. Он отменяет настройку максимальной ширины, а маркеры возвращаются в нормальное состояние.

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

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

Спасибо д-ру Молле за подсказку...

Ответ 2

Работает без! важно, и! важно не использовать, если это не нужно.

.map_canvas img {
    max-width: none;
}