как отметить ближайший результат после поиска с помощью Photon на Leaflet - PullRequest
Новая
       19

как отметить ближайший результат после поиска с помощью Photon на Leaflet

0 голосов
/ 19 января 2020

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

var searchPoints = L.geoJson(null, {
    onEachFeature: function(feature, layer) {
        layer.bindPopup(feature.geometry.coordinates.join('|'));
    }
});
function showSearchPoints(geojson) {
    searchPoints.clearLayers();
    searchPoints.addData(geojson);
    }
    var photonControlOptions= {
    resultsHandler: showSearchPoints,
    placeholder: 'Search here...',};
   var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
    searchPoints.addTo(map);
    var photonControl = new L.Control.Photon(photonControlOptions);
    var photonContainer = photonControl.onAdd(map);
    document.getElementById("search-map").appendChild(photonContainer);
.maping {
    height: 200px;
}
<link href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" rel="stylesheet"/>
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
<script src="https://deltasiahkal.ir/wp-content/plugins/essential-real-estate/includes/mainmap/search/leaflet.photon.js"></script>
<div class="container">

      <div class="searcher" id="search-map"></div>
  
      <div class="maping" id="map"></div>
      
</div>
...