如何解决Leaflet/Omnivore - 带有自定义弹出窗口的多个 GPX 轨道
我尝试在地图上显示多个 GPX 轨迹,并使用一些自定义数据将单个弹出窗口绑定到它们。但我不确定如何将诸如 Id 或 Description 之类的自定义属性传递给 onEachFeature
用于加载具有某些属性和 GPX 文件路径的 JSON 的代码:
var tours = JSON.parse('{"tourdata":[{"tourid" : 1,"desc": "nice tour 1","gpxFileName" : "./1.gpx"},{"tourid" : 3,"desc": "nice tour 2","gpxFileName" : "./3.gpx"}]}');
for (var i = 0; i < tours.tourdata.length; i++) {
var tour = tours.tourdata[i];
var gpxLayer = omnivore.gpx(tour.gpxFileName,null,customLayer).addTo(map);
/*
how can I pass here the tour.desc and tour.id?
gpxLayer.properties.desc = tour.desc; // doesn't work
*/
}
自定义图层:
var customLayer = L.geoJson(null,{
style: function (feature) {
return { color: '#f00',weight: 2 };
},onEachFeature: onEachGpxFeature
});
onEachGpxFeature:
function onEachGpxFeature(feature,layer) {
/* how to access custom properties here? */
var popupContent = "<p>";
if (feature.properties) {
if(feature.properties.name) {
popupContent += "<br /><b>Name:</b>" + feature.properties.name;
}
if(feature.properties.desc) {
popupContent += "<br /><b>Description:</b>" + feature.properties.desc;
}
}
popupContent += "</p>";
layer.bindPopup(popupContent);
}
我只能访问由杂食动物解析的标准 GPX 属性。
这是我的完整演示代码:https://plnkr.co/edit/v0BeshnKSx6sPqA1
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。