Добавление функциональности щелчка в точку листа

Question

Использование следующего кода для добавления json указывает на карту, используя Листовку.

var geojsonLayer = new L.GeoJSON(data, { 
    pointToLayer: function (latlng){ 
     return new L.CircleMarker(latlng, { 
      radius: 8, 
       fillColor: "#fecb00", 
       color: "#fecb00", 
       weight: 1, 
       opacity: 1, 
       fillOpacity: 0.9, 
      }); 

     } 

}); 

Я хочу, чтобы добавить функциональность так, что нажатие на точку вызывает всплывающее окно с дополнительной информацией из файла GeoJSON. Как это достигается?

Answer 1

Предполагая, что GeoJSON содержит свойство под названием «MyProperty», чтобы показать, что информация внутри всплывающего окна просто поместить эту команду после того, как код:

geojsonLayer.on("featureparse", function (e) { 
    e.layer.bindPopup("<p>Prop value: " + e.properties.myProperty + "</p>"); 
}); 

Событие «featureparse» вызывается для каждого элемента внутри вашего Коллекция GeoJson. Он обычно используется для более конкретного стиля данных и/или всплывающей привязки.