是否可以在缩放级别排除图钉

Question

创建了我的第一张地图 http://rich.littlebigfoot.org.uk/test7.html

我正在规划沿海岸路径（黄色）的步行路线，并将添加更多步行路线和更多信息。但是，在当前缩放下，我想排除所有图钉并仅在缩放级别 11 时显示它们？

谢谢

富有

Answer 1

如果我没理解错的话，你想在一些低缩放级别（比如[0到10]）隐藏一些层（pins/markers and/or vectors/paths），然后把它们回到高缩放级别（如 11 及以上）？

您可能会对 attaching a callback on map "zoomend" event 感兴趣，这样回调可以根据当前地图缩放级别在地图上删除或添加您的图层，当后者发生变化时。

例如：

map.on("zoomend", showOrHideLayers);

function showOrHideLayers() {
    if (map.getZoom() <= 10) {
        map.removeLayer(markers);
    } else {
        map.addLayer(markers);
    }
}

showOrHideLayers();

演示：http://jsfiddle.net/ve2huzxw/116/

编辑：

如果您的 objective 是为了避免引脚（标记）重叠，您可能还对 "Clustering" 功能感兴趣。

看看可用的Leaflet clustering plugins。

最受欢迎的是 Leaflet.markercluster (demo)。

是否可以在缩放级别排除图钉

Is it possible to exclude pins at zoom levels

popup

openstreetmap

leaflet