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

Question

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

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

由于

富

Answer 1

如果我理解正确，你想在某些低变焦等级（如[0到10]）隐藏一些图层（图钉/标记和/或矢量/路径），并将它们以高变焦等级恢复（如11以上）？

您可能会对地图attaching a callback上的"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/

编辑：

如果你的目标是避免引脚（标记）的重叠，你可能也会对＃34;聚类＆＃34;功能。

查看可用的Leaflet clustering plugins。

最受欢迎的是Leaflet.markercluster（demo）。