OptionallayerIds: string | string[]function App() {
const callbackId = useRef();
return (
<div>
<button
onClick={() => {
if (callbackId.current) {
rpc.invoke("removeMapboxEventListener", [callbackId.current]);
}
rpc.invoke("addMapboxEventListener", ["mousedown", 100]).then(r => {
callbackId.current = r;
});
giraffeState.addListener(["mapboxEvent"], (evt, { data: dataS }) => {
console.log({ evt, data: JSON.parse(dataS) });
});
}}
>
add listener
</button>
<button
onClick={() => {
rpc.invoke("removeMapboxEventListener", [callbackId.current]);
}}
>
remove listener
</button>
</div>
);
}
add a listener to mapbox events. See Mapbox docs for options