Question

我正试图允许点击一个地图框标记，当它被单击时，它会自动将您带到新的链接。

这可能吗？

我目前有一张10个位置的地图，加载后会显示所有缩放级别。当您单击某个位置时，它会将您放大到该位置。

我现在希望它带您单击一次URL，而不是放大，但是我似乎找不到任何有关此操作的文档。

我知道可以使用包含URL的弹出框来完成此操作，但是有一种方法可以删除多余的步骤。

谢谢

Answer 1

您可以在图层上使用click事件来单击要素，并使用要素的属性来构建链接：


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
});

Answer 2

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/';
  });

将网址重定向添加到Mapbox图标

2 个答案: