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

时间:2016-06-14 00:05:16

标签: 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");

1 个答案:

答案 0 :(得分:4)

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

奇怪的是,iconAnchor位于iconSize之外。

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