通过按钮取消/激活 getfeature-request答案

【问题标题】：De-/activate getfeature-request via button通过按钮取消/激活 getfeature-request
【发布时间】：2015-06-09 14:45:16
【问题描述】：

我有一个带有多个 WMS 层的 Openlayers3 地图。我想添加一个按钮（对于每个可查询层），以便用户可以决定是否查询 wms 层。

var getfeature = function(click) {
    map.on(click, function (evt) {
        document.getElementById('info').innerHTML = '';
        var viewResolution = (view.getResolution());
        var url = wms_url.getGetFeatureInfoUrl(
            evt.coordinate, viewResolution, projection,
            {
                'INFO_FORMAT': 'text/html'
            });
        if (url) {
            document.getElementById('info').innerHTML =
                '<iframe seamless src="' + url + '"></iframe>';
        }
    });
}

到目前为止，这部分工作正常。

现在将 getfeature-request 与“用户界面”（这里只是一个复选框）结合起来

var userquery = function() {
    var $input = $( this );
    //checkbox true/false
    if($input.prop("checked")) {
        //change cursor appearance
        map.getViewport().style.cursor = 'help';
        //getfeature-request on singleclick
        getfeature('singleclick');
     } 
    else {
        //change cursor appearance, when checkbox is unchecked
        map.getViewport().style.cursor = '';
        //WHAT TO DO HERE???
        //...
   }
};

id="cursor10"的复选框

var checkbox = document.getElementById('cursor10');

并通过

添加功能

checkbox.onchange = userquery;

目前，getfeature 功能一旦激活就会继续工作。

我需要做什么，所以当复选框未选中时，getfeature 函数将停止工作？或者有其他方法的想法？

【问题讨论】：

查看jsfiddle.net/d1wrkb95上的代码激活复选框并在地图中单击以获取getfeature-request的响应
如果我的回答符合您的期望，请随时接受和/或投票。否则，请您发表评论

标签： javascript jquery openlayers-3 wms getfeatureinfo

【解决方案1】：

您可以使用unByKey() function通过按键取消注册地图的事件监听器

见：http://jsfiddle.net/d1wrkb95/2/

var mapEventKey;

var getfeature = function(click) {
    mapEventKey = map.on(click, function (evt) {
        document.getElementById('info').innerHTML = '';
        var viewResolution = (view.getResolution());
        var url = wms_url.getGetFeatureInfoUrl(
            evt.coordinate, viewResolution, projection_to,
            {
                'INFO_FORMAT': 'text/html'
            });
        if (url) {
            document.getElementById('info').innerHTML =
                '<iframe seamless src="' + url + '"></iframe>';
        }
    });
};


var userquery = function() {
    var $input = $( this );
    //checkbox true/false
    if($input.prop("checked")) {
        //cursor ändern
        map.getViewport().style.cursor = 'help';
        //getfeatureabfrage bei einzelklick
        getfeature('singleclick');
     } 
    else {
        map.unByKey(mapEventKey);
        map.getViewport().style.cursor = '';
   }
};

【讨论】：