Question

我正在使用CSS按钮在leaflet.js环境中切换地图图层。我有25层。我想再添加一个按钮来打开/关闭所有图层。这是我用来切换图层的代码。

<div id="projects" class="layers" style="width: 400px; height: 600px; overflow-y: scroll;">
 <a id="1" class="1" data-control="layer" data-layer-level="" data-layer-name="1" href="#1">1</a>
 <a id="2" class="2" data-control="layer" data-layer-level="" data-layer-name="2" href="#2">2</a>
 <a id="3" class="3" data-control="layer" data-layer-level="" data-layer-name="3" href="#3">3</a>
 <a id="4" class="4" data-control="layer" data-layer-level="" data-layer-name="4" href="#4">4</a>
 <a id="5" class="5" data-control="layer" data-layer-level="" data-layer-name="5" href="#5">5</a>
 <a id="6" class="6" data-control="layer" data-layer-level="" data-layer-name="6" href="#6">6</a>
<a id="7" class="7" data-control="layer" data-layer-level="" data-layer-name="7" href="#7">7</a>
<a id="25" class="25" data-control="layer" data-layer-level="" data-layer-name="25" href="#25">25</a>
</div>
<script>

Answer 1

如果您使用的是JQuery，则可以使用

隐藏图层div下的所有元素

$('layers a').hide();

并使用

再次显示它们

$('layers a').show();

或者您可以在点击上添加一个类，例如“hide”，其css为display：none，然后在单击以显示图层时删除该类

切换Leaflet中的所有图层

1 个答案: