jquery - 将点击功能添加到传单点

Question

使用以下代码使用 Leaflet 将 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>");
});

为 GeoJson 集合中的每个项目调用“featureparse”事件。它通常用于数据和/或弹出绑定的更具体的样式。