使用openlayers3来加载天地图卫星图和标注图层,GeoServer发布地图,一并用openlayers测试加载出来,顺便实现了7种地图控件。下面直接贴代码: ...
项目验收完,趁着事情不是很多,对这个项目进行梳理。我主要负责地图模块,网站其他模块主要有两个,一个是报表,主要是 多张报表,技术没有难度,主要是工作量的问题。另一个是数据的校验,就是校验数据的冲突。 现在主要介绍地图,地图主要使用openlayers geoserver,通过Geoserver加载路线以及点状物的shape数据,将各个图层形成一个图层组,页面前端用openlayers加载该图层组 ...
2016-01-19 10:49 3 2889 推荐指数:
使用openlayers3来加载天地图卫星图和标注图层,GeoServer发布地图,一并用openlayers测试加载出来,顺便实现了7种地图控件。下面直接贴代码: ...
1、环境说明: 操作系统:Window 7 64位 GeoServer:GeoServer 2.1.2,端口8090 Openlayers:OpenLayers-2.12 Tomcat:apache-tomcat-7.0.22,端口8080 2、数据准备及发布 本文用到的数据为一面状 ...
启动GeoServer服务,登录Admin Page。 选择一个图层,点击openlayers 在显示的地图上单击右键,显示源码,出现如下图 在新建项目中引入openlayers包。 新建静态页面,在页面中链入样式,图中 ...
之前项目中一直使用高德地图作为底图,但高德地图影像图只限于城市地区,所以决定替换为谷歌地图。其实一直以为谷歌地图不能访问,不知道有没有像我一样懒的小伙伴…… 加载谷歌地图的地址总结如下: 谷歌交通地图地址:http://www.google.cn/maps/vt/pb=!1m4!1m3!1i ...
的,所以首页我们要解决数据的问题google地图一直在中国不是很稳定,所以要充分利用本土资源了。加载地图 ...
openlayer 是基于JavaScript的webGIS库 ,通过openlayer可以很容易的调用地图,并做相应的操作。 在head中载入openlayer的js文件: <link rel="stylesheet" href="https ...
之前项目中一直使用高德地图作为底图,但高德地图影像图只限于城市地区,所以决定替换为谷歌地图。其实一直以为谷歌地图不能访问,不知道有没有像我一样懒的小伙伴…… 加载谷歌地图的地址总结如下: 谷歌交通地图地址:http://www.google.cn/maps/vt/pb=!1m4!1m3!1i ...
1. 创建WMS对象引入天地图瓦片图工具JS 2. 创建map地图 ...