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，因此您可以使用addEventListener检测悬停或单击，然后使用CSS修改样式(大小或颜色)。