向傳單點添加點擊式功能

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集合。它通常用於更具體的數據樣式和/或彈出式綁定。