Mapbox-gl анимационные маркеры

Я читал документацию по анимации маркеров 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) для контекста или для проверки себя.

Заранее спасибо!

Источник

1 ответ

Решение

JS Marker Mapbox GL - это всего лишь HTML-элемент, поэтому вы можете обнаружить указатель мыши или щелкнуть с помощью addEventListener, а затем изменить стиль (для размера или цвета) с помощью CSS.

Источник
Другие вопросы по тегам