14

)。その後、マーカーをドラッグした後、さらに小さくなります(画像2を参照)。標準マーカー小さすぎ

google maps marker too small

誰もがこのような何かを見ていますか?これを回避する方法や、私が何をしたのかを知るのに役立ちます。

ieマーカーのサイズを修正するにはどうすればよいですか?

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

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

リンク先ページに問題はありません。 –

+1

3つのブラウザでリンクされたページを試してみました。問題はありません。干渉している可能性のあるブラウザ拡張がインストールされていますか?明確にするために –

+0

、リンクされたページも私のためにうまく動作します。私は私のプロジェクトにサンプルコードを含めると、バグがハッとすると思います。 – patrics

答えて

21

問題が実際にCSSの設定でした。私はすべての画像の最大幅を定義するzurb foundationフレームワークを使用しています。

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; 
} 

ヒントをありがとう博士モール...

+0

あなたは私に多くの時間を節約しました。ヒントありがとう! – demogar

+0

基礎フレームワークを使用している間もこの問題に取り組んでいます。時間を節約してくれてありがとう!ハハ! – Fruxelot

+0

私を救ったよ、地獄よ! – Phius

2

作品なし!重要な、それはする必要がない場合!重要なのは使用すべきではありません。

.map_canvas img { 
    max-width: none; 
}