Масштабирование до k маркеров вокруг определенного

Question

У меня есть слой с маркерами в нем, markerLayer. У меня также есть один дополнительный маркер, user_marker. Я хочу, чтобы карта соответствовала отображению дополнительного маркера и следующих k-меток вокруг него.

Я знаю, что есть leaflet-knn, но он берет GeoJSON, а не слои листов, и возвращает массив координат, который не совсем то, что требуется. Существует также leaflet.GeometryUtil, но у него есть возможность возвращать все слои в пределах определенного радиуса, а не ближайшего к k.

Есть ли встроенное решение в лифлете, которое я пропустил, или простое решение либо с помощью встроенных листовки, либо с внешней библиотекой для увеличения к ближайшим маркерам вокруг определенного маркера?

Answer 1

Вам необязательно нужны плагины для лифтов. Вы можете просто использовать метод distanceTo и отсортировать маркеры по расстоянию до user_marker. Затем вы вызываете метод fitBounds. Я создал working example here.

Ниже приведены важные шаги кода:

var testData = [{lat:37.7859,lon:-122.1362},{lat:37.6921,lon:-122.0312},{lat:37.823,lon:-122.6112},{lat:37.7478,lon:-122.1562},{lat:37.6759,lon:-122.0458},{lat:37.555,lon:-122.050}]; 

var marker_layer = new L.layerGroup(); 
var user_marker = L.marker(L.latLng(37.7829, -122.1312)).addTo(map); 

//k closest markers 
var k = 3; 
var dist_markers = []; 

$.each(testData, function(index, p) { 
    var latlng = L.latLng(p.lat, p.lon) 
    var marker = L.marker(latlng); 
    marker.addTo(marker_layer); 
    dist = L.latLng(37.7829, -122.1312).distanceTo(latlng); 
    dist_markers.push([dist,marker]); 
}); 

dist_markers.sort(Comparator); 
var close_markers = dist_markers.slice(0,k) 
close_markers = close_markers.map(function(d) {return d[1];}); 
var group = new L.featureGroup(close_markers); 

marker_layer.addTo(map); 
user_marker.addTo(map); 

map.on('click', function() { 
     map.fitBounds(group.getBounds()); 
}); 

Answer 2

Я знаю, что есть листовка-Knn, но он принимает в формате GeoJSON, не листовка слои

Так? Просто поместите свои маркеры вместе в L.LayerGroup и используйте его toGeoJSON() method.

С некоторыми обратными ссылками вы можете снова получить маркеры из поиска knn.

Answer 3

Это решение, в который я в конечном итоге пошел, используя L.GeometryUtil.

function fit_around_marker(user_marker, number) { 
    if (number >= markerLayer.getLayers().length) { 
     map.fitBounds(markerLayer.getBounds()); 
    } else { 
     var p = user_marker.getLatLng(); 
     var fit_layers = markerLayer.getLayers(); 
     var fit_array = []; 
     var r = 1; 
     while (fit_array.length < number) { 
      fit_array = L.GeometryUtil.layersWithin(map, fit_layers, p, r++); 
     } 
     var fit_markers = [user_marker]; 
     for (index = 0; index < fit_array.length; ++index) { 
      fit_markers.push(fit_array[index]["layer"]); 
     } 
     console.log(fit_markers); 
     var fit_layer = L.featureGroup(fit_markers); 
     map.fitBounds(fit_layer.getBounds()); 
    } 
}