Leaflet event: how to propagate to overlapping layers

by

You have to listen directly to the map "click" event and to “manually” determine which layers contain the clicked position.

You can use leaflet-pip plugin (point in polygon) for example for this determination:

map.on("click", function (event) {
  var clickedLayers = leafletPip.pointInLayer(event.latlng, geoJSONlayerGroup);
  // Do something with clickedLayers
});

Demo: https://jsfiddle.net/ve2huzxw/526/ (listening to "mousemove" instead of "click")

More Related Contents:

  1. Data-toggle tab does not download Leaflet map
  2. How to reference static assets within vue javascript
  3. Leaflet drawing tiles disjointly
  4. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  5. Wrapping lines/polygons across the antimeridian in Leaflet.js
  6. Leaflet- marker click event works fine but methods of the class are undefined in the callback function
  7. refresh leaflet map: map container is already initialized
  8. Leaflet map not displayed properly inside tabbed panel
  9. Storing Image Data for offline web application (client-side storage database)
  10. How to display Leaflet markers near the 180° meridian?
  11. Is there a way to use leaflet.heat in react?
  12. Leaflet marker event fires at wrong time
  13. Click link inside Leaflet Popup and do Javascript
  14. How to secure the JavaScript API Access Token?
  15. leaflet map shows up grey
  16. How to get a leaflet map canvas to have a 100% height?
  17. Why can I not pass a function call (rather than a function reference or an anonymous function) to setTimeout()?
  18. Component won’t update when a redux state change occurs
  19. Run custom code after jQuery has been loaded via Modernizr
  20. Closures in a for loop and lexical environment
  21. Convert a string to base64 in JavaScript. btoa and atob are deprecated
  22. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  23. How to assume local time zone when parsing ISO 8601 date string?
  24. D3.js Set initial zoom level
  25. Max characters in textarea with jquery
  26. Avoid dynamically injecting the same script multiple times when using chrome.tabs.executeScript(…)
  27. Uncaught TypeError: Cannot set property ‘value’ of null
  28. React Hooks render twice
  29. JavaScript – controlling the insertion point for document.write
  30. Access webcam without Flash

Leave a Comment