OpenLayers.Control.SelectFeature

转载链接:http://www.cnblogs.com/wanghl-GIS/archive/2012/10/31/2748300.html

 

在OpenLayers中,控件SelectFeature主要用于操作(鼠标移入、移出、单击、双击)矢量图层(OpenLayers.Layer.Vector)的要素。那么它是如何实现的呢,还是让我们看代码吧。

  • 首先我们还是先把所有要用到类实例化出来,参考代码:

1 var map=new OpenLayers.Map("map");
2 var vectorLayer = new OpenLayers.Layer.Vector();
3 map.addLayer(vectorLayer);
  • 矢量要素的单击事件,仅需在实例化类时注册onSelect事件即可,参考代码:

1 var sf=new OpenLayer.Control.SelectFeature(vectorLayer,{onSelect:function(currentFeature){//todo}});
2 map.addControl(sf);
  • 矢量要素的鼠标移入事件,需要实例化时注册onSelect事件,同时设置hover属性为true,参考代码:

1 var sf=new OpenLayer.Control.SelectFeature(vectorLayer,{onSelect:function(currentFeature){todo},hover:true});
2 map.addControl(sf);
  • 矢量要素的鼠标各种事件的混合操作,如需要鼠标移入、移出、单击、双击等事件,参考代码:

复制代码
1 var callbacks = {
2     over:function(currentFeature){},
3     out:function(currentFeature){},
4     dblclick:function(currentFeature){}
5 };
6 var sf = new OpenLayers.Control.SelectFeature(vectorLayer,{
7     onSelect:function(currentFeature){},
8 });
9 map.addControl(sf);
复制代码
  • 对于事件的混合操作行为,我们不能在callbacks对象中同时注册click和dblclick事件,这样的话单击事件会屏蔽双击事件。对于下述代码,dblclick事件永不触发:

复制代码
 1 var callbacks = {
 2      over:function(currentFeature){},
 3      out:function(currentFeature){},
 4      click:function(currentFeature){},
 5      dblclick:function(currentFeature){}
 6 };
 7 var sf = new OpenLayers.Control.SelectFeature(vectorLayer,{
 8      onSelect:function(currentFeature){},
 9  });
10 map.addControl(sf);
复制代码

 

转载自:https://blog.csdn.net/eric_hwp/article/details/69524243

You may also like...