javascript - Googleマップの標準マーカーが小さすぎる

Question

私はこのようなロケーションピッカーを実装しています：http： //m.rhinvivant-lebendigerrhein.eu/geopick.php？raz = 1

しかし、自分の環境にコードをロードすると、ページをロードした後、ロケーションマーカーが突然小さくなり、押しつぶされます（画像1を参照）。次に、マーカーをドラッグすると、さらに小さくなります（画像2を参照）。

グーグルマップマーカーが小さすぎる

誰かがこのようなものを見たことがありますか？これを回避する方法や、どのような間違いをしたかについてのヒントを得るのに役立ちます。

つまり、マーカーのサイズを修正するにはどうすればよいですか？

私のコードは次のようになります：

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

score 21 · Accepted Answer

問題は確かに CSS 設定でした。すべての画像の最大幅を定義する zurb 基盤フレームワークを使用しています。

max-width: 100%;

独自の css クラスをマップ div に追加して修正しました。max-width 設定を上書きし、マーカーは通常に戻ります。

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

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

ヒントをくれたモール博士に感謝します...

score 2 · Accepted Answer

!important がなくても機能し、必要がない場合は !important を使用しないでください。

.map_canvas img {
    max-width: none;
}

2 に答える 2