Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It only takes a minute to sign up.
Sign up to join this community
I have a feature layer and some pins on it, with mouseout, mouseover events callbacks on the feature. When the mouse is over the pin icon, that triggers mouseout event (mouseout from the feature layer). I am trying to stop event propagation but nothing works.
How can the leaflet event propagation be stopped?
None of those worked:
DomEvent.stopPropagation(e);
DomEvent.preventDefault(e);
DomEvent.stop(e);
stopPropagation(e.originalEvent);
preventDefault(e.originalEvent);
stop(e.originalEvent);
Okay, finally got it figured out on stopping the propagation of events. e.g.
someReference.on("click", (evt: L.LeafletEvent) => {
// You don't try to reference the event (evt) that is passed in
L.DomEvent.preventDefault(evt); // Just call this
...
})
If you're interested in stopping propagation for a Marker, you can just set bubblingMouseEvents to false in the options: https://leafletjs.com/reference.html#marker-bubblingmouseevents
