转载链接: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);
相关推荐
openlayers.js库及入门事例; OpenLayers是一个开源的js框架,用于在您的浏览器中实现地图浏览的效果和基本的zoom,pan等功能。OpenLayers支持的地图来源包括了WMS,GoogleMap,KaMap,MSVirtualEarth等等,您也可以...
OpenLayers.2.10.Beginners.Guide (英文版) 非常好的OpenLayers的入门及工具书,强烈推荐
OpenLayers.mobile.debug.js
Packt.OpenLayers.3.x.Cookbook.2nd.Edition.2016.3.pdf
OpenLayers.debug.js
OpenLayers.2.10.Beginners.Guide原书pdf和书中所有代码
Packt.OpenLayers.2.10.Beginner's.Guide英文pdf電子檔
第3章:走进Openlayers.rar
OpenLayers最新源码,包含v6.2.1和v6.2.1-dist。Github下载太慢,放到这里,需要的朋友可以下载。
openlayers.zip
作为实战中vue+openlayers+geoserver文章的资源文件
OpenLayers 2.10 Beginner's Guide Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web-mapping library Erik Hazzard 要有点英文阅读能力,不错的open...
Heatmap热图,可以非常直观的呈现一些原本不易理解或表达的数据,比如密度、频率、温度等,改用区域和颜色这种更容易被人理解的方式来呈现。热图实际上是三维可视化的...
openlayers开发用到的js库.zip
OpenLayers网站构建实用程序使用main的更新来更新站点要求您已安装和 。 当前,构建网站还需要所有openlayers。 # only once: clonegit clone -b build ... 这将从openlayers存储库的main分支中更新站点文档和示例。...
2015_OpenLayers_3_入门教程详细版.docx 加 js 包
Java+OpenLayers3+GeoServer 二次开发应用
openlayer ol.js ol.css
开放层测试 测试 Openlayers.js