How to find closest marker leaflet.js

arrays, google-maps, javascript, leaflet, maps

Solution

Try leaflet-knn, which does nearest-neighbor lookups: given a point and a bunch of other points, it finds the nearest neighbors (as it says on the tin)

Problem

I was wondering if there is actually some way to find markers near my position using leaflet.js. The first think to come to my head is to store lat and lng of my position and then iterate over an array of lat and lng markers placing them in an array an then sort that array. I am not sure if this is a good option because if you have a million markers in the map is going to take a while. Pseudo code ``` var myLatLng = [34,56]; var markers = [[20,30],[10,20],[12,-100],[54,90],[-10, -20],[20,20]]; var closests = []; function findNearestMarker (myPosition, nearestMarkers){ for(var i = 0; i < nearestMarkers.length){ if((nearestMarkers[i][0] - myPosition[0]) < 100 && (nearestMarkers[i][1] - myPosition[1]) < 100 ){ closests.push(nearestMarkers[i]) } } } ``` I am actually starting with maps and dont know so many approaches, I will also like to use open street maps for this project, but, if someone know and aproach using google maps or another services it will be welcomed.

Original source