Determine if a point reside inside a leaflet polygon

by

Use the Ray Casting algorithm for checking if a point (marker) lies inside of a polygon:

function isMarkerInsidePolygon(marker, poly) {
    var polyPoints = poly.getLatLngs();       
    var x = marker.getLatLng().lat, y = marker.getLatLng().lng;

    var inside = false;
    for (var i = 0, j = polyPoints.length - 1; i < polyPoints.length; j = i++) {
        var xi = polyPoints[i].lat, yi = polyPoints[i].lng;
        var xj = polyPoints[j].lat, yj = polyPoints[j].lng;

        var intersect = ((yi > y) != (yj > y))
            && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
        if (intersect) inside = !inside;
    }

    return inside;
};

See jsfiddle for example.

Original source for the code: https://github.com/substack/point-in-polygon/blob/master/index.js

See also 2014’s similar answer, https://stackoverflow.com/a/41138512/287948

More Related Contents:

  1. How can I determine whether a 2D Point is within a Polygon?
  2. Large dataset of markers or dots in Leaflet [closed]
  3. SciPy Create 2D Polygon Mask
  4. Find Point in polygon PHP
  5. Leaflet changing Marker color
  6. Check if point is in spatial object which consists of multiple polygons/holes
  7. Using several Marker Cluster Groups displays overlapping Clusters
  8. Embedding a Leaflet map on a Blazor SPA
  9. Plotting 140K points in leafletjs
  10. How do CSS triangles work?
  11. Calculate area of polygon given (x,y) coordinates
  12. How to draw free hand polygon in Google map V2 in Android?
  13. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  14. Largest circle inside a non-convex polygon
  15. Google Maps v3: check if point exists in polygon
  16. How to display Leaflet markers near the 180° meridian?
  17. Is there a way to use leaflet.heat in react?
  18. How to test if a point is inside of a convex polygon in 2D integer coordinates?
  19. Check if polygon is inside a polygon
  20. ploting filled polygons in python
  21. How can I create an internal spiral for a polygon?
  22. How to fill with different colors between two lines? (originally: fill geom_polygon with different colors above and below y = 0 (or any other value)?)
  23. OpenGL GL_POLYGON concave polygon doesn’t color in
  24. How to intersect two polygons?
  25. Random points inside a parallelogram
  26. Click link inside Leaflet Popup and do Javascript
  27. Point in Polygon algorithm giving wrong results sometimes [closed]
  28. Checking if a point is inside a polygon
  29. Polygon Drawing and Getting Coordinates with Google Map API v3 [closed]
  30. How to get a leaflet map canvas to have a 100% height?

Leave a Comment