添加 url 重定向到 mapbox 图标

Question

我正在尝试允许点击一个地图框标记，当点击它时它会自动带你到一个新的 link。

这可能吗？

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

我现在希望它在单击时将您带到 url 而不是放大，但是我似乎找不到任何关于如何操作的文档。

我知道可以使用其中包含 url 的弹出框来完成，但是有没有办法删除额外的步骤。

谢谢

Answer 1

您可以在图层上使用点击事件来点击地图项，并使用地图项的 属性 来构建您的 link :

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ébastien Bousquet 的回答在使用符号时有效，但如果使用 Marker, you'll need to add your your own click eventlistener like https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event。

  marker.getElement().addEventListener('click', event => {
    window.location.href = 'https://www.mapbox.com/';
  });