我不知道如何用传单对外部数据进行分组。我有一个带有标记的CSV文件,并将带有杂食动物的标记放在地图上。
如何将标记分组?
例如:我有4个标记,它们在csv中指定了一个“类型”。假设该类型称为“ freibad”。如何将所有标记归类为“ freibad”,并将它们放置在名为“ freibad”的图层组中,以便能够使用图层控件对其进行过滤?
//MARKERCLUSTER
//VARS II
var freibad=[];
function eachLayer(marker) {
var ltg = marker.toGeoJSON();
if(ltg.properties.type != ""){
marker.setIcon(L.icon({iconUrl:'/icons/'+ltg.properties.type+'.png'}));
}
if(ltg.properties.img != ""){
marker.bindPopup('<strong>' + ltg.properties.name + '</strong>' + '<br>' +
ltg.properties.description + '<br> <img src="/icons/' + ltg.properties.img +'">')
} else {
marker.bindPopup('<strong>' + ltg.properties.name + '</strong>' + '<br>' +
ltg.properties.description)
}
}
var points = omnivore.csv('/csv/POI.csv', {delimiter:'|'})
.on('ready', function() {
var markers = L.markerClusterGroup({
showCoverageOnHover: false,
maxClusterRadius: 50
});
markers.addLayer(points);
map.addLayer(markers);
points.eachLayer(eachLayer);
});
//LAYERGROUPS
var ebenengruppen = {
"<strong>Wanderrouten</strong>": {
"Wanderroute 1": wroute1,
"Wanderroute 2": wroute2,
"Wanderroute 3": wroute3,
"Freibad": freibad
}
};
//TILEMAPS
var basemaps = {
"Standard": standardTiles
}
var layerControlMobile = L.control.groupedLayers(basemaps, ebenengruppen, {collapsed:true}),
layerControl = L.control.groupedLayers(basemaps, ebenengruppen);
if(mobileDevices){
map.addControl(layerControlMobile);
}else{
map.addControl(layerControl);
}
我刚刚想出了解决问题的方法。
您介意不再共享链接,因此请您再次在jsfiddle中共享该链接。谢谢!