Soy nuevo en el desarrollo de folletos y juegos. He creado un mapa personalizado para mostrarlo en un folleto. El mapa se parece más a https://map.pavia.io/#/

Quiero hacer las mismas funciones de eventos del mouse, como hacer clic en un mosaico para obtener las coordenadas (ubicación). Ya he hecho el código del evento de clic, pero no puedo entender cómo puedo lograr el efecto svgOVerlay dinámico como pavio.

Estoy usando React-leaflet en Next.js, gracias de antemano

mi código para la capa de mosaico personalizada

 <TileLayer minZoom={0} maxZoom={3} url="../map/{z}_{x}_{y}.png" />

evento de clic del mouse

 function MyComponent(){ const map = useMapEvents({ click:(e) => { console.log(e.latlag)} }) }