向小叶点添加点击功能
向小叶点添加点击功能
提问于 2012-04-23 08:10:22
使用下面的代码使用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文件的更多信息。这是如何实现的？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-24 07:50:30
假设GeoJson包含一个名为"myProperty“的属性，要在弹出窗口中显示该信息，只需将以下指令放在代码后面：
geojsonLayer.on("featureparse", function (e) {
e.layer.bindPopup("<p>Prop value: " + e.properties.myProperty + "</p>");
});对于GeoJson集合中的每个项目，都会调用"featureparse“事件。它通常用于更具体的数据样式和/或弹出绑定。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10273319
复制相关文章
相似问题
腾讯云开发者
