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

您可以在此处 (https://github.com/ashleighc207/react-neighborhood-map) 查看完整的存储库以了解上下文或进行自我测试。

提前致谢！

Answer 1

一个 Mapbox GL JS 标记只是一个 HTML ELement so you can detect hover or click with addEventListener and then modify the style (for size or color) with CSS。