Question

我一次无法删除多个geojson图层。当我将它们保留为要素图层时，会添加每个图层的记忆，一个接着一个。但是当它们成为标记图层时，仅删除单击的最后一个图层。

我已尝试将它们添加到群组中并在群组上调用clearLayers，但这仍然只删除添加的最后一层，而不是全部。尝试通过身份证，但这似乎也无效。

    $(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()将删除所有添加的图层。

删除geojson图层Mapbox.js / Leaflet.js

1 个答案: