非常简单的问题:如何使 Leaflet 中的地图标记可点击并将用户路由到其他页面?每个标记都有自己的页面。
我尝试了以下方法但没有成功;不知何故,所有标记都指向同一页面,即最后分配的 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);
}
这个问题真让我抓狂。
好吧,我终于找到了解决方案;当标记添加到地图时,它会被分配一个名为“_leaflet_id”的 ID。这可以通过目标对象获取,也可以设置为自定义值after它已被添加到地图中。
所以最终的解决方案很简单:
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 循环)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)