javascript - Openlayers 3 绑定(bind)到向量层以提高可见性的复选框没有执行任何操作

Question

我正在尝试将复选框绑定(bind)到“可见”属性的矢量图层，但它不起作用；容易指出任何发现我的拼写错误的人:)

问题是，这适用于 ol.layer.Tile，但不适用于 ol.layer.Vector，并且只有可见复选框不起作用。 “不透明度”效果很好。

var list = document.getElementById('some-ul-element')
....

var li = document.createElement('li');
var checkbox = document.createElement('input');
checkbox.setAttribute('type','checkbox');
checkbox.setAttribute('checked',true);
li.appendChild(checkbox);
var label = document.createElement('label');
label.appendChild(document.createTextNode(layer.get("title")));
li.appendChild(label);
var range = document.createElement('input');
range.setAttribute('type','range');
range.setAttribute('min','0');
range.setAttribute('max','1');            
range.setAttribute('step','0.01');
range.setAttribute('value','1');
li.appendChild(range);

new ol.dom.Input(range).bindTo('value',layer,'opacity');
new ol.dom.Input(checkbox).bindTo('checked',layer,'visible');

....
list.appendChild(li)

Answer 1

为我工作 http://openlayers.org/en/master/examples/bind-input.html?mode=raw

var checkbox = document.createElement('input');
checkbox.setAttribute('type','checkbox');
new ol.dom.Input(checkbox).bindTo('checked',layer,'visible');

document.body.appendChild(checkbox);