码迷,mamicode.com
首页 > 其他好文 > 详细

OpenLayers 如何管理多控件的激活

时间:2015-01-08 22:46:46      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:

在使用OpenLayers的时候,常常需要使用多个控件,来实现像:绘制矢量要素(DrawFeature),查询要素属性(WMSGetFeatureInfo),等等。这样就需要在不同的控件之间进行切换,也就是激活控件。常用的方式是,在创建控件的时候,保存到一个数组中,并给予命名,例如:

var infoControls = {
    click: new OpenLayers.Control.WMSGetFeatureInfo(), // 参数省略
    hover: new OpenLayers.Control.WMSGetFeatureInfo()// 参数省略
};

这样,我们就可以通过infoControls.click来获取到该控件。1)当我们使用radio来标记当前使用的控件,就可以通过如下函数来切换控件。

function toggleControl(element) {
    for (key in drawControls) {
        var control = drawControls[key];
        if (element.value == key && element.checked) {
            control.activate();
        } else {
            control.deactivate();
        }
    }
}
2)如果我们使用OpenLayers.Control.Panel来管理控件,可以获取buttonclick事件,来确定到底点击的是哪个控件,然后激活。
(function(controls) {
    map.events.register("buttonclick", this, function(evt) {
        var button = evt.buttonElement;
        for (var tempName in controls) {
            if (controls[tempName].panel_div == button) {
                controls[tempName].activate();
            } else {
                controls[tempName].deactivate();
            }
        }
    })
})(controls);

3)当然,你还可以参考EditingToolbar去扩展OpenLayers,然后扩展一个特有的Panel对象,然后直接默认去处理。=====================================================================================

生活不仅需要激情四射,也需要闲庭信步。

技术分享

OpenLayers 如何管理多控件的激活

标签:

原文地址:http://blog.csdn.net/javascriptcoder/article/details/42534761

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!