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 Marker只是一个HTML ELement，因此您可以使用addEventListener检测悬停或点击，然后使用CSS修改样式（大小或颜色）。