javascript - 传单:添加指向标记的链接

Question

非常简单的问题:如何使 Leaflet 中的 map 标记可点击并将用户引导至其他页面？每个标记都有自己的页面。

我尝试了以下但没有成功；所有标记都以某种方式指向同一个页面，这是最后分配的 URI。

var markers = [
    { coords: [51.505, -0.09], uri: '/some-page' },
    ...
];

for(x in markers)
{
    L.marker(markers[x].coords).on('click', function() {
        window.location = markers[x].uri;
    }).addTo(map);
}

这个问题真的让我抓狂。

Answer 1

好吧，我终于找到了解决办法；当一个标记被添加到 map 时，它会被分配一个名为“_leaflet_id”的 ID。这可以通过目标对象获取，也可以在将其添加到 map 后设置为自定义值。

所以最终的解决方案很简单:

var x = markers.length;

while(x--)
{
    L.marker(markers[x].coords).on('click', function(e) {
        window.location = markers[e.target._leaflet_id].uri;
    }).addTo(map)._leaflet_id = x;
}

(我用一个反向的 while 循环替换了 for-in 循环)