I am querying each point of a polygon object (e in this case) using esri leaflet. To do so I have the following function that I use on a polgon that is passed to it:
const queryFeature = (e: any) => {
let nearbyCollection: any = new Array()
console.log(e)
const latlngParcel = new L.Polygon(e)
console.log(latlngParcel)
for (let n=0; n < e[0].length; n++) {
let point = L.latLng(e[0][n])
featureRef
.query()
.nearby(point, 1)
.run(function (error: any, featureCollection: any) {
if (error) {
console.log(error);
return;
} else {
featureCollection.features.forEach((i: any) => {
nearbyCollection.push({ id: i.id, name: i.properties.Situs1})})
}
})
};
return nearbyCollection
};
Which when I run console.log on the array "nearbyCollection" it shows it's contents however if I run nearbyCollection.length it is 0.
Furthermore I cant iterate over the array or pass this information to a new Array...
I am guessing it is because I am pushing to this array during an async call but I am not sure how to resolve this.