0

目前我尝试使用带有传单的 Booststrap 开关来显示/遮罩层+图例。第一步没问题，我可以在模式窗口中使用复选框。当激活 2 个或更多复选框时，我遇到了问题，图层相互堆叠，这与我的图例相同。有人可以告诉我如何使用 booststrap 开关按钮只显示一个图层并停用所有其他图层（包括加载页面期间在后台使用的图层）吗？

演示小提琴在这里

带有 Boostrap Switch 的一层代码。仅显示/遮罩这一层，而不是所有层：

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

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

谢谢你原谅我的英语，我不是本地人......

4

1 回答 1

0

我找到了如何添加按钮。

<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>

但是，图层不能显示两次或更多次，并且它们总是重叠

在这里更新小提琴

于 2016-05-20T12:35:37.583 回答