分别来自CSV的传单Omnivore组标记

问题描述 投票:3回答:2

我不知道如何用传单对外部数据进行分组。我有一个带有标记的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);
    }
javascript csv controls leaflet layer
2个回答
2
投票

我刚刚想出了解决问题的方法。


0
投票

您介意不再共享链接,因此请您再次在jsfiddle中共享该链接。谢谢!

© www.soinside.com 2019 - 2024. All rights reserved.