OpenLayers 3 - 選択機能をチェックボックスにバインドする

Question

チェックボックスの変更イベントを機能選択イベントにバインドする方法はありますか？たとえば、次のようにレイヤの可視性を確認します。

<input type="checkbox" id="visible" checked> 
var visible = new ol.dom.Input(document.getElementById('visible')); 
visible.bindTo('checked', layer, 'visible'); 

ユーザーがテーブルから機能を選択できるようにする必要があります。

Answer 1

Fiddle

---

function getLayerByName(value) { 
    var layer; 
    var found = map.getLayers().getArray().some(function(each){ 
    //discard layers other than ol.layer.Vector 
    if(each instanceof ol.layer.Vector) { 
     layer = each.get('name') === value ? each: undefined; 
    } 
    if(layer) return true; 
    return false; 
    }); 
    return layer ? layer : false; 
} 

function toggleVisibility(element) { 
    var layer = getLayerByName(element.value); 
    if (element.checked) { 
    layer.setVisible(true); 
    } else { 
    layer.setVisible(false); 
    } 
}