卸下以GeoJSON层Mapbox.js / Leaflet.js(Removing geojson

我无法在同一时间删除多个GeoJSON的层。 当我保持它们作为特征层，在每个存储器和每一层中加入，一个右后等。 但是，当他们成为标志层只有点击了最后一层被删除。

我试着将它们添加到组，并呼吁clearLayers的组，但仍然只删除添加的，不是所有的最后一层。 试图传递一个ID还，但似乎没有任何工作。

    $(function() {

        var geojson;

        var map = L.mapbox.map('map')
            .setView([29.9629, -90.0603], 6);

        var filters = document.getElementById('filters');

        var layerTwo = L.mapbox.featureLayer()
            .loadURL('panel/data/tamorethan5.geojson')
            .on('ready', layer)
        var layerOne = L.mapbox.featureLayer()
            .loadURL('panel/data/talessthan5.geojson')
            .on('ready', layer)
        var layerThree = L.mapbox.featureLayer()
            .loadURL('panel/data/palessthan5.geojson')
            .on('ready', layer)
        var layerFour = L.mapbox.featureLayer()
            .loadURL('panel/data/pamorethan5.geojson')
            .on('ready', layer)

        function layer() {
            var assetLayerGroup = new L.LayerGroup();

            var layer = this
            var name = layer.getGeoJSON().name;
            var item = filters.appendChild(document.createElement('div'));
            var checkbox = item.appendChild(document.createElement('input'));
            var label = item.appendChild(document.createElement('label'));
            checkbox.type = 'checkbox';
            checkbox.name ='radio';
            checkbox.id = 'myCheckbox';
            checkbox.value = name;
            label.innerHTML = name;
            label.class = label;
            label.setAttribute('for', name);
            checkbox.addEventListener('change', update);

            function update(val) {
                if (checkbox.checked) {
                console.log(layer)
                drawLocations(layer._geojson)
                } else {
                newMapLayer.clearLayers();

                }
            }

            drawLocations = function(layer) {
                L.stamp(layer)
                newMapLayer = L.geoJson(layer, {
                    style: style,
                    onEachFeature: onEachFeature,
                    pointToLayer: function(feature, latlng) {
                        var rad = 3;
                        var col = getColor(feature.properties, 'status');
                        return L.circleMarker(latlng, {
                            radius: rad,
                            fillColor: "#ff7800",
                            stroke: true,
                            weight: 2,
                            opacity: 0.8,
                            fillOpacity: 0.8,
                            className: "circle"
                        });
                    }


                }).addTo(map);

            };
        } //end layer

Answer 1:

嗯，好吧 - 一些调整是必要的或建议在这里：

drawLocations(layer._geojson)

任何开始在单张或Mapbox一个下划线应被视为禁地。 使用.getGeoJSON方法来代替。

drawLocations(layer.getGeoJSON());

它看起来并不像你实际添加图层到assetLayerGroup 。 如果你想做到这一点，你会打电话

var assetLayerGroup = L.layerGroup().addTo(map);

右后

    var map = L.mapbox.map('map')
        .setView([29.9629, -90.0603], 6);

线条和，而不是调用.addTo(map)您L.geoJson层，你会叫.addTo(assetLayerGroup)

然后调用assetLayerGroup.clearLayers()将删除所有添加的层。

文章来源: Removing geojson layers Mapbox.js/Leaflet.js