javascript - 在标记底部打开传单弹出窗口

Question

我在我的 map 上放置了几个标记并向它们添加了弹出窗口。以下代码在循环中执行并且工作正常:

L.marker([
    item.Lat,
    item.Long
]).bindPopup(item.count + ' projects').addTo(map);

当您单击它们时，将显示标记并打开弹出窗口。但是，弹出窗口始终在标记的顶部打开。有没有办法在标记的底部(或任何一侧)打开？ popup-options Leaflet 文档中似乎没有提供这样做的选项。

Answer 1

您必须为标记提供自定义图标。您可以使用相同的图像，但必须调整 popupAnchor 属性才能做到这一点。参见引用http://leafletjs.com/reference.html#icon和 http://leafletjs.com/examples/custom-icons.html

在您的情况下，您必须这样做(考虑到默认图标是 25 x 41 像素，iconAnchor 可能是 12 x 40)

var yourIcon = L.icon({ popupAnchor: [0,0] });
var marker= L.marker([item.Lat, item.Long],{icon: yourIcon})

弹出窗口将在与锚定图标的位置完全相同的位置打开。