传单标记在位置上不是静态的

Jas*_*Krs 4 javascript leaflet

我注意到我的传单标记在给定的经/纬度上“不固定”。当我放大地图时,标记会移动以进行调整并采取正确的位置。当我缩小时,它会转到另一个位置。位置不是一成不变的。我怎样才能解决这个问题 ?

我的标记笔没有什么特别的。以下是我的建造方式

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");
Run Code Online (Sandbox Code Playgroud)

ghy*_*ybs 5

您描述的症状是典型的错误iconAnchor设置。

iconAnchor在外面很奇怪iconSize

为确保正确定义您的设置,您可以在同一纬度/经度坐标处添加带有默认图标的额外标记,并查看自定义图标提示是否在同一位置。