Mapbox-gl 动画标记

Question

我一直在阅读有关 MapboxGL 标记动画的文档，但所有资源都引用了作为图层添加的标记。我想设置它，以便当用户单击特定标记时，它会改变颜色或变大。

我正在使用 mapbox-gl npm pacakage 添加标记，所以我的标记看起来像：

createMarker = (latLng, popup) => {
    marker = new mapboxgl.Marker({color: '#40798C'})
    .setLngLat(latLng)
    .setPopup(popup)
    .addTo(map)
    this.updateMarkerArr(marker)
  }

您可以在此处查看完整的 repo (https://github.com/ashleighc207/react-neighborhood-map) 以获得上下文或测试自己。

提前致谢！

Answer 1

Mapbox GL JS Marker 只是一个HTML ELement，因此您可以使用addEventListener 检测悬停或单击，然后使用CSS 修改样式（大小或颜色）。