openlayer事件机制介绍

OpenLayers 事件机制介绍

OpenLayers 中的控件，是通过加载到地图上而起作用的，也算地图表现的

一部分。同时，控件需要对地图发生作用，所以每个控件也持有对地图（ map

对象）的引用。

前面说过，控件是与事件相关联的。具体的说就是控件的实现是依赖于事

件绑定的，每个 OpenLayers.Control 及其子类的实例都会持有一个 handler 的引

用的。

那么，怎么来创建并添加一个控件呢？用下面的语句：

map.addControl(control1);

对一些常用的 OpenLayers 控件，项目本身都封装好了，用下面的语句添加：

map.addControl(newOpenLayers.Control.PanZoomBar());

map.addControl(newOpenLayers.Control.MouseToolbar());

map.addControl(newOpenLayers.Control.LayerSwitcher({'ascending':false}));

map.addControl(newOpenLayers.Control.Permalink());

map.addControl(newOpenLayers.Control.Permalink('permalink'));

map.addControl(newOpenLayers.Control.MousePosition());

map.addControl(newOpenLayers.Control.OverviewMap());

map.addControl(newOpenLayers.Control.KeyboardDefaults());

setMap:function(map){

this.map=map;

if(this.handler){

this.handler.setMap(map);

}

}

//draw 方法，当控件准备显示在地图上时被调用。当然，这个方法只对有

图标的控件起作用。

draw:function(px){

if(this.div==null){

this.div=OpenLayers.Util.createDiv();

this.moveTo(this.position);

returnthis.div;

引用的，因为每个控件起作用时，鼠标事件都是不一样的，这需要动态的绑定

和接触绑定。在 OpenLayers.Control 中是通过 active 和 deactive 两个方法实现，

就是动态的激活和注销。

可以赚钱的调查网站大收集

http://blog.sina.com.cn/s/blog_7de3a70b0101bpcf.html

//激活方法

activate:function(){

if(this.active){

returntrue;

}

//注销方法

deactivate:function(){

if(this.active){

if(this.handler){

this.handler.deactivate();

}

this.active=false;

returntrue;

再 来 看 OpenLayers.Control 的 子 类 ， 即 各 类 “ 特 色 ” 控 件 。 选 鹰 眼 控 件

有些是不需要的，像 OpenLayers.Control.DragPan。

OpenLayers.Control.OverviewMap：

“鹰眼”实际上也是地图导航的一种形式，在外部形态上跟图层开关控件有

点儿像。

添加鹰眼控件的语句：

map.addControl(newOpenLayers.Control.OverviewMap());

在它实现的成员函数中，draw 函数是核心，继承基类 OpenLayers.Control，

在地图中显示这个控件。

OpenLayers.Control.EditingToolbar：

OpenLayers 从 2.3 版就对矢量编辑进行了支持，就是图上右上角几个图标 。