LeafletJS 标记随缩放而移动

使用 LeafletJS，这是王牌，到目前为止 :P 我们没有 JSON 对象或任何东西，所以我从 HTML 中取出值（标题、latlng）并创建标记。一般来说，这可以正常工作，但是它们的绘图存在问题。当地图真正放大时，它们似乎还不错，但当您缩小时（就像地图最初一样），它们就偏离了。然后他们继续变焦。

那么，我做错了什么？

http://jsbin.com/edegox/1 http://jsbin.com/edegox/1 http://jsbin.com/edegox/1/edit http://jsbin.com/edegox/1/edit

干杯 汤姆

解决这个问题的方法非常简单。线索应该已经发布了。

当您的标记在地图上移动时，这是因为地图不知道您的标记的大小和/或它不知道标记位置的标记点。

您的标记图标代码可能如下所示：

var locationIcon = L.icon({iconUrl:'location_marker_icon.png'});

现在，假设您的图像宽 24 像素，高 36 像素。为了防止标记移动，您只需指定标记的大小和“锚点”...

var locationIcon = L.icon({
    iconUrl:'location_marker_icon.png',
    iconSize: [24,36],
    iconAnchor: [12,36]
});

这将使底部的中心像素代表您指定标记的确切纬度/经度点，并且它将使其锚定在那里！