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

【问题标题】：Leaflet Marker not static on position传单标记在位置上不是静态的
【发布时间】：2016-06-14 00:05:15
【问题描述】：

我注意到我的传单标记在给定的纬度/经度上“没有保持不变”。当我放大地图时，标记会移动以调整并占据正确的位置。当我缩小时，它会转到不同的位置。位置上不是一成不变的。我怎样才能解决这个问题？

我的记号笔没有什么特别之处。以下是我的构建方式

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");

【问题讨论】：

标签： javascript leaflet

【解决方案1】：

您描述的症状是iconAnchor 设置不正确的典型症状。

奇怪的是你的iconAnchor在iconSize之外。

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

【讨论】：

是的，谢谢。那是错误。我必须正确设置iconAnchor。为此，我必须进入 MS Paint 才能查看我正在使用的图标的图钉坐标。