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

OpenLayers学习笔记10——datagrid双击缩放指定点

时间:2015-06-22 06:28:23      阅读:473      评论:0      收藏:0      [点我收藏+]

标签:javascript   openlayers   webgis   地理信息   前端开发   

这里实现gis里最常用的功能:缩放至图层(或者缩放至要素),实现效果如下:

技术分享

这个实现就很简答了,主要用到的是datagrid的双击事件,其api是这么描述的:

技术分享

那么,只要获取双击行的经纬度,然后利用map的setCenter或zoomto方法就可以了。代码如下:

 onDblClickRow: function(rowIndex, rowData){
                
                    var lat = rowData.schoolLat;
                    var lon = rowData.schoolLon;
                    
                    var lonlat = corTransform(lon, lat);
                    map.setCenter(lonlat, 17);
                },

总结

gis结合行业应用更多的是利用基础地理数据或专题地理数据对特定行业业务数据进行地理组织、展示和分析,不仅要能看而且要能用。我这里关于openlayers的博客,没有去介绍那些最基本的map、layer、control,这些方面的内容网上有很多博客可以参考了而且都写的很好了,我这里更多的是结合具体应用来讲一些遇到的问题及解决方案,希望可以帮到需要的人,到这里关于openlayers的内容应该要结束了,后面结合其他业务数据进行展示,更多的是web前端开发的知识了,大同小异,多运用网络,善于搜索,相信一定可以解决的。还有就是要说的就是,我这里写的已经足够详细了,大家不要再发我私信求工程源码了哈。




OpenLayers学习笔记10——datagrid双击缩放指定点

标签:javascript   openlayers   webgis   地理信息   前端开发   

原文地址:http://blog.csdn.net/giser_whu/article/details/46586495

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