Mapbox-gl анимационные маркеры - PullRequest
Новая
       8

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

0 голосов
/ 10 сентября 2018

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

0 голосов
/ 10 сентября 2018

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

...