Estoy usando react-map-gl para agregar un mapa a mi aplicación React. Quiero agregar un evento onClick a mi componente Layer , pero parece que react-map-gl no lo admite. (documentos aquí: https://visgl.github.io/react-map-gl/docs/api-reference/layer )
Recientemente descubrí que react-mapbox-gl admite eventos onClick para componentes de Layer , pero tengo problemas para instalarlo a través npm (problemas de dependencia de árboles).
Me preguntaba si alguien aquí ha logrado agregar el evento onClick usando react-map-gl . ¿Algún consejo?
Código de ejemplo a continuación:
import React from "react"; import { Layer, LayerProps } from "react-map-gl"; export const MapLayer: React.FunctionComponent<LayerProps> = ({ id, type, paint, source, layout, }) => { return ( <Layer id={id} type={type} paint={paint} source={source} layout={layout} /> ); };gracias, roberto
De hecho, react-map-gl definitivamente admitiría el evento onClick .
Sin embargo, el evento no está diseñado para responder a cada capa individual, sino que se incluye en el componente Map predeterminado. Deberá especificar la propiedad interactiveLayerIds para que funcione en capas específicas.
Consulte la sección del evento onClick de la documentación de react-map-gl .