从Leaflet地图中删除geoJSON

Question

我有一个函数，该函数检索包含地震数据的JSON，并将其添加到Leaflet映射中，该函数会在10秒后再次检索JSON（用于刷新数据）：

function fetchQuake() {
        fetch('https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_hour.geojson')
        .then(function(res) {
            if (res.ok === true) {
                return res.json();
            } else {
                alert('Geojson request failed.');
            }
        })
        .then(function(quake) {
                L.geoJSON(quake, {
                    style: function(feature) {
                        return feature.properties && feature.properties.style;
                    },
                    onEachFeature: onEachFeature,
                    pointToLayer: function(feature, latlng) {
                        return L.circleMarker(latlng, {
                            radius: 8,
                            fillColor: "#ff7800",
                            color: "#000",
                            weight: 1,
                            opacity: 1,
                            fillOpacity: 0.8
                        });
                    }
                }).addTo(map);

            myQuakeTimeout = setTimeout(function() {
                fetchQuake();
            }, 10000);
        });
}

并从这些点清除地图的函数：

function clearQuake() {
    clearTimeout(myQuakeTimeout);
    L.geoJSON().clearLayers();
}

使用这些代码，超时将停止，但是地震点不会偏离地图，这是什么问题？

Answer 1

使用此代码，您的clearQuake()函数将永远不会被调用，因此L.geoJSON().clearLayers()不会被执行。

这就是您的点不会偏离地图的原因。

如果要在添加新的获取的点之前删除先前的点，则可以执行以下操作：

/* ... */
.then(function(quake) {

    L.geoJSON().clearLayers();

    L.geoJSON(quake, {
        /* ... */
    }).addTo(map);

    myQuakeTimeout = setTimeout(fetchQuake, 10000);
});