Check if point is inside of geoman drawn layers

[CptHolzschnauz]

Hi there
I search for a function to check if a lat/lng is inside layers drawn by geoman. Something like the mouseover that changes to pointer hand whenever over a geoman drawn layer.

So something like

L.PM.Utils.PointInGeomanLayers(latlng, map);
That returns true or false.

If somebody has a hint or if i can re-use the mouseover function somehow?

[Falke-Design]

You can use booleanContains from turfjs.org to check if the mouse-position is inside of a layer.

const layers = map.pm.getGeomanDrawLayers();
map.on('mousemove', (e)=>{
    let mouseover = false;
    for(const layer of layers){
        if(turf.booleanContains(layer.toGeoJSON(), turf.point(e.latlng.lng, e.latlng.lat))){
            mouseover = true;
            break;
        }
    }
   if(mouseover){
      // your code
   }
});

[CptHolzschnauz]

Thank you! I need to check against a point lat/lng, so no mouse stories.

I also have to check against all drawn geometries and the point has to be in at least one so i rewrite a bit, maybe this is usefull for someone with a similar task.

Remark: The point Lat/lang to check is hardcoded in my example [9.642, 40.881].

const layers = map.pm.getGeomanDrawLayers();
            if (Object.keys(layers).length === 0) {
                console.log("NO GeoMan Layers -> No check!");
            }
            else {
                console.log("Check! GeoMan layers exist: " + layers);

                // Point can be inside of one geometry but outside of another. Let'ch check if at least inside of one
                var alarm_outside = [];
                for (const layer of layers) {
                    if (turf.booleanContains(layer.toGeoJSON(), turf.point([9.642, 40.881]))) {
                        console.log("Inside of this layer!");
                        // console.log(layer);
                        // Push a 0 for inside
                        alarm_outside.push(0);
                    }
                    else {
                        console.log("Outside of this layer");
                        // Push a 1 for outsie
                        alarm_outside.push(1);
                    }
                }
                //console.log(alarm_outside);
               // Check if array has at least one is inside value
                if (alarm_outside.includes(0)) { console.log("Inside of at least one layer"); }
                else { console.log("Outside of all layers! ALARM!!!!"); }
            }

[CptHolzschnauz]

I made a strange observation. When i draw a circle with the center on the marker (meaning the lat/lng i check against (snap mode)) then turf.booleanContains works.
If the point is somewhere inside the circle it doesn't. Probably the circle is "reduced" to it's center for the turf.booleanContains function?!
Any idea how to implement the "is inside?" function for a circle?
Or is there a way to convert a Geoman circle to a Polygon to use the turf function turf.booleanPointInPolygon(pt, poly); somthing like

var pt = turf.point([-77, 44]);
var poly = turf.polygon([[
 GeoManCircleToPolygon(layer);
]]);

turf.booleanPointInPolygon(pt, poly);

[CptHolzschnauz]

Just found it in the utils, sorry:
circleToPolygon(circle, sides = 60, withBearing = true)

[CptHolzschnauz]

To complete if someone finds this thread: The following function checks if a point is within a circle or a polygon drawn with geoman-leaflet:

  const layers = map.pm.getGeomanDrawLayers();

            if (Object.keys(layers).length === 0) {
                console.log("NO GeoMan Layers! No check!");
            }
            else {
                console.log("Check! GeoMan layers exist: " + layers);

                // Point can be inside of one geometry but outside of another. Let's check if at least inside of one.

                // Array for results of the check
                var alarm_outside = [];
                // Iterate over all layers to check each of them
                for (const layer of layers) {
                    // Check the form of the layer to use the right turf function
                    console.log("Form :");
                    console.table(layer.pm._shape);

                    // Check for Circle
                    if (layer.pm._shape === "Circle") {
                        // console.log("We have a CIRCLE !");

                        var test = L.PM.Utils.circleToPolygon(layer, sides = 60, withBearing = true);

                        //console.table(test);
                        //console.log(test.toGeoJSON());

                        var circletest = turf.booleanPointInPolygon(turf.point([9.642, 40.881]), test.toGeoJSON());
                        //   console.log("circletest: ");
                        //   console.log(circletest);
                        if (circletest === true) {
                            console.log("Within this Circle");
                            // Push a 0 for inside
                            alarm_outside.push(0);
                        }
                        if (circletest === false) {
                            console.log("Outside this Circle!");
                            // Push a 1 for outside
                            alarm_outside.push(1);
                        }
                    }

                    // Check for Polygon
                    if (layer.pm._shape === "Polygon") {
                        //  console.log("We have a Polygon to check");
                        if (turf.booleanContains(layer.toGeoJSON(), turf.point([9.642, 40.881]))) {
                            //   console.log("Inside of this layer!");
                            // Push a 0 for inside
                            alarm_outside.push(0);
                        }
                        else {
                            //  console.log("Outside of this layer");
                            // Push a 1 for outside
                            alarm_outside.push(1);
                        }
                    }
                }
                //console.log(alarm_outside);
                // Check if the array for the results includes a 0 meaning the point is at least within one geometry
                if (alarm_outside.includes(0)) { console.log("Inside of at least one layer"); }
                else {
                    console.log("Outside of all layers! ALARM!!!!!!!");
                }
            }