События React-leaflet

У нативной библиотеки leaflet, есть отличный пример .

По нажатию на карту, возвращает координаты клика в попап.

В идеале мне нужно по клику получать координаты ( ну например в консоль).

КАРТА

<MapContainer style={{ width: width, height: height }} 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 = useMapEvents({
    click: () => {
      map.locate()
    },
    locationfound: (e) => {
      console.log(e);
    }
  })
  return null;
}

Через хук я получаю объект события, но координаты везде одинаковые, куда не кликну.


Ответы (0 шт):