リーフレットマーカーは位置に静的ではありません

Question

私は自分のリーフレットマーカーが特定の緯度/経度に「置かれていません」と気づきました。マップを拡大すると、マーカーが移動して正しい位置に調整されます。ズームアウトすると、別の位置に移動します。その位置に静的ではありません。これをどうすれば解決できますか？

私のマーカーには何も特別なものはありません。以下、私はあなたが記述の症状が間違っiconAnchor設定の典型的なものである

var LeafIcon = L.Icon.extend({ 
    options: { 
     iconSize:  [12, 15], 
     shadowSize: [30, 40], 
     iconAnchor: [11, 70], 
     shadowAnchor: [2, 42], 
     popupAnchor: [-3, -40] 
    } 
}); 

var map_icon = new LeafIcon({iconUrl: 'icon_marker.png'}); 
var marker; 

marker = L.marker([my_lat, my_lon], {icon: map_icon}); 
    marker.addTo(map); 
    marker.bindPopup("My markers' popup"); 

Answer 1

それを建てた方法です。

iconAnchorがiconSizeの外にあるのは奇妙です。

あなたの設定が正しく定義されていることを確認するには、デフォルトのアイコンを同じlat/lng座標に追加して、カスタムアイコンの先端が同じ位置にあるかどうかを確認します。