События React-leaflet
У нативной библиотеки leaflet, есть отличный пример .
По нажатию на карту, возвращает координаты клика в попап.
В идеале мне нужно по клику получать координаты ( ну например в консоль).
КАРТА
<MapContainer style={{ width: width, height: height }} center={coords} zoom={5} scrollWheelZoom={false}>
<Click />
<TileLayer
attribution='© <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;
}
Через хук я получаю объект события, но координаты везде одинаковые, куда не кликну.