Задать вопрос
@evgeniy-kolmak

Получение координат при клике на карту (React-leaflet)?

У нативной библиотеки leaflet, есть отличный пример .
Мне нужно что-то похожее, но только в react-leaflet.
Через хук useMapEvent я могу навесить события и получить объект локации, но получаю дефолтные значение, которые я указал в контейнере, как центр карты.

Контейнер
<MapContainer  center={coords} zoom={5} scrollWheelZoom={false}>
        <Click />
        <TileLayer
          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />
        <Marker position={coords} icon={markerIcon}>
          <Popup>
            Вы здесь!
          </Popup>
        </Marker>
      </MapContainer >


Хук

export default function Click() {

  const map = useMapEvent({
    click: () => {
      map.locate()
    },
    locationfound: (e) => {
      console.log(e);
    }
  })
  return null;
}


Вариант хука, взят с документации
  • Вопрос задан
  • 330 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽