要在openlayers3中应用proj4js,需要在html中引用proj4js,然后在引用所需要的projection的js定义,如http://epsg.io/21781-1753.js然后在openlayers中就会支持这种EPSG:21781的坐标转换。 http://epsg.i...
分类:
Web程序 时间:
2015-08-31 18:49:15
阅读次数:
3377
什么是OpenLayers?OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后,OpenLayers已经将所用到的Prototype.js组件 整合到了自身当中,并不断在Prototy...
分类:
其他好文 时间:
2015-08-09 17:03:28
阅读次数:
210
1、使用可弹出伸缩窗调整了之前的页面布局,使用这种布局使整个界面看起来更加清爽也更简洁2、以上图左侧面板为例,实现比较简单,只需了解html和css布局就大致差不多了html代码:
...
分类:
Web程序 时间:
2015-08-01 06:28:12
阅读次数:
188
OpenLayers 提供了ol.source.XYZ 接口用以加载切片地图。本地切片地图是用地图切片下载器下载的Google道路图层,由于软件未激活,所以每张切片地图上都有软件作者的联系方式,请忽略。下载下来的切片地图通过Windows自带的iis发布,这样就可以通过网络地址来访问切片数据。首先,...
分类:
其他好文 时间:
2015-07-28 22:56:04
阅读次数:
1021
在前面的博文中写过一篇查询任意两点间最短路径的函数,当时对pgrouting不熟悉,功能很low。现在对该函数进行扩展,支持用户自己输入查询的数据库表,这一点看似简单,其实意义很大,在做室内导航的时候当用户所在的楼层变化的时候最短路径函数查询的数据表名称也会发生变化,不可能一栋大楼里的道路都是一样的吧,另外进行跨楼层的最短路径规划时,需要查询从A到楼梯口的最短路径和楼梯口到B的最短路径,这些都需要...
分类:
其他好文 时间:
2015-07-07 22:57:28
阅读次数:
261
本节讲述如何在Ol3中加载wms图层并显示到地图中。...
分类:
其他好文 时间:
2015-07-05 09:45:21
阅读次数:
198
OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益现实出它的落后。 OL3已运用现代的设计模式从底层重写。OpenLayers 3同时设计了一些主要的新功能,如显示三维地图,或使用WebGL快速显示大型矢量数据集,这些功能将在以后的版本中加入。...
分类:
其他好文 时间:
2015-07-04 18:27:41
阅读次数:
733
OpenLayers的selector工具相信挺多人都没有用过,其实这个工具用处还是不少的。比如完成元素查询时,需要实现图属性联动,使用这个工具很方便。最近做项目时也使用到这个工具,使用起来确实挺方便的。效果如图:红色部分为使用selector选择的效果。下面说说实现过程:定义selector工具,...
分类:
其他好文 时间:
2015-07-01 09:58:52
阅读次数:
168
随着终端设备计算能力的加强,用户在使用地图的时候也需要越来越多的交互效果。比如现在很火的室内导航,为了获得好的用户体验,就需要当用户单击某一商店的时候该商店的颜色能相应的变化,这就需要叠加矢量图层。如何能在瓦片地图之上叠加矢量图层呢,这个就需要用到WFS查询。
我的思路是:基于WFS查询把得到需要矢量显示的图层中数据,然后再显示。具体思路为:
1.通过geoserver的WFS服务查询所需要矢量...
分类:
其他好文 时间:
2015-06-27 21:30:46
阅读次数:
326
这个问题整了整整两天,终于解决了。记录下来。
1.文件下载
首先下载cors压缩包,解压,得到的是org/mortbay/servlets/CrossOriginFilter.class文件,把此文件复制到安装目录下的WEB-INF/CLASS文件夹中,在我电脑上的路径为:C:\Program Files (x86)\GeoServer 2.7.0\webapps\geoserver\WEB-...
分类:
其他好文 时间:
2015-06-24 21:08:07
阅读次数:
158