我正在尝试允许点击地图框标记,单击它时会自动将您带到新链接。
这可能吗?
我目前有一个10个位置的地图,加载后缩放级别显示全部。单击某个位置时,它会将您缩放到该位置。
我现在希望它能够通过点击而不是放大来引导您访问网址,但是我似乎无法找到有关如何执行此操作的任何文档。
我知道可以使用弹出框来完成它,其中包含一个url,但有没有办法删除额外的步骤。
谢谢
您可以在图层上使用点击事件来点击该功能,并使用您的功能的属性来构建您的链接:
map.on('click', 'layername', function(e) {
// Here you can access e.features[0] which is the feature cliked
// With that you can do whatever you want with your feature
});
使用符号时,SébastienBousquet的答案是有效的,但如果使用Marker,则需要添加自己的点击事件监听器,如https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event。
marker.getElement().addEventListener('click', event => {
window.location.href = 'https://www.mapbox.com/';
});