是否可以在缩放级别排除引脚

Question

在 http://rich.littlebigfoot.org.uk/test7.html

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

谢谢

丰富

Answer 1

如果我理解正确，您想在某些低缩放级别（例如 [0 到 10]）隐藏一些图层（图钉/标记和/或矢量/路径），然后以高缩放级别（例如 11及以上）？

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

例如：

map.on("zoomend", showOrHideLayers);

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

showOrHideLayers();

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

---

编辑：

如果您的目标是避免引脚（标记）重叠，您可能还对“聚类”功能感兴趣。

查看可用的Leaflet clustering plugins。

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