使用复选框而不是单选按钮来控制传单图层?

时间:2017-07-13 23:07:56

标签: javascript leaflet

有一种简单的方法可以使leaflet layers controlinput <input id="value" type="number" value="5" onchange="document.getElementById('result').textContent = complement(parseInt(document.getElementById('value').value))"/> result: <span id="result">2</span>)使用复选框而不是单选按钮吗?

我有多个WMS图块层,我希望能够在地图上同时拥有多个图块。对于上下文,WMS图块层包括测深和轮廓(拓扑线),因此同时可视化两者而不仅仅是在海洋中浮动一些线条会提供更多信息。

leaflet example中,它表示图层控制“足够智能”,可以知道分配单选按钮和哪些复选框,但是拥有更多自定义控件会更好。

相关代码:

L.control.layers
其中L.control.layers(WMS, null, {collapsed: false}).addTo(map);是多个WMS图层。

2 个答案:

答案 0 :(得分:4)

WMS作为第二个参数(即叠加层),而不是L.control.layers的第一个(底图)。

叠加使用复选框,而底图使用单选按钮。

答案 1 :(得分:0)

在这里,我创建了一个example来展示ghybs说的话。

L.control.layers(null, mixed).addTo(map);

结帐我的jsfiddle http://jsfiddle.net/iofirag/Ltub5bgv/18/