Question

目前我尝试使用带有传单的Booststrap开关来显示/屏蔽图层+图例。第一步是好的，我可以使用模态窗口内的复选框。我有一个问题，当激活2个或更多复选框时，图层相互堆叠，我的图例相同。有人可以告诉我使用booststrap开关按钮只显示一个图层并停用所有其他图标（包括加载页面中背景中使用的那个）的方法吗？

演示fiddle here

使用Boostrap Switch的一层代码。仅显示/屏蔽此图层，而不是所有图层：

$("[name='checkboxL1']").bootstrapSwitch({
  onSwitchChange: function(event, state) {

    if (state) map1.addLayer(OSM2);
    else map1.removeLayer(OSM2);
  }
});

感谢您删除我的英语，我不是本地人......

Answer 1

我找到了如何添加按钮。

<div class="col-md-12 text-left">
 <input id='checkboxL1'type="radio" name="GroupedSwitches" data-size="mini"data-off-text="False" data-on-text="True" checked="false"class ="bs">&nb1a</div>

然而，layercant可以显示两次或更多次并且它们总是重叠

更新 fiddle here

Leaflet-Bootstrap Switch - 关闭所有图层

1 个答案: