OpenLayers是一个用于开发WebGIS客户端的JavaScript包。
OpenLayers 支持的地图来源包括Google Maps、Yahoo、 Map、微软Virtual Earth 等,用户还可以用简单的图片地图作为背景图,与其他的图层在OpenLayers 中进行叠加,在这一方面OpenLayers提供了非常多的选择。
除此之外,OpenLayers实现访问地理空间数据的方法都符合行业标准。
OpenLayers 支持Open GIS 协会制定的WMS(Web Mapping Service)和WFS(Web Feature Service)等网络服务规范,可以通过远程服务的方式,将以OGC 服务形式发布的地图数据加载到基于浏览器的OpenLayers 客户端中进行显示。
因此,OpenLayers是一个非常优秀的适合用于WeGIS二次开发的平台。
准备工作
在开始之前,需要先准备离线数据发布软件、离线卫星影像示例数据、OpenLayers开发源码和本机IP地址等。
地图发布软件:需要在内网发布离线卫星影像,请确保地图发布服务中间件版本为4.2.1以上并完成地图的发布,如果低于该版本,请通过关注公号“水经注GIS”并回复“WeServer”免费获取最新版本安装包,也可以直接在官网下载。
离线示例数据:本文提供的离线示例数据包括墨卡托投影和WGS84投影的卫星影像与地名标签数据,由于这里主要是为了进行功能性演示,因此只提示前10级影像数据。
卫星影像示例数据
在安装软件之前,请从以下地址下载示例数据(如果链接失效请联系我们获取)。
链接:https://pan.baidu.com/s/1F8l8c0xn2SeeJuFfNqKvfQ?pwd=alcs
OpenLayers开发源码:开源OpenLayers源码可以从OpenLayers官网下载最新版,但由于国外网站访问非常慢,因此也可以通过关注公号“水经注GIS”并回复“OpenLayers”获取OpenLayers开发源码文件。
本机IP地址:由于会用到本机IP作为访问地址,可以通过在DOS窗口中运行“IPConfig”命令或其它方式获取本机IP地址以备用,如下图所示。
获取本机IP地址
部署OpenLayers源码网站
OpenLayer源码解压之后,如下图所示。
OpenLayers源码目录
在Windows控制面板中打开“管理工具”,如下图所示。
管理工具
打开IIS网站管理器,如下图所示。
打开IIS
在“网站”树节点单击鼠标右键,然后选择“添加网站”菜单,如下图所示。
添加网站
网站名称可以任意取,这里我们取名为“OpenLayers”,物理路径为OpenLayers源码所在路径,并将端口号设置为默认值“80”,如下图所示。
配置网站参数
配置完成之后点击“确定”按钮之后完成网站配置,如下图所示。
完成配置
在浏览器中打开网址“http://127.0.0.1/examples”可以浏览配置好的网站,并可以查看相关文档、示例与API等,如下图所示。
OpenLayers本地网站
在OpenLayers页面中点击“Bing Maps”,可以打开BingMaps在线调用示例并查看代码,如下图所示。
BingMaps示例
至此,一个部署到本地的OpenLayers系统就完成了,你可以根据自己的需求,再结合在线示例开发一个WebGIS系统。接下来我们会讲解如何将本地离线的谷歌卫星影像与地名标签在OpenLayers中加载显示。
WGS84卫星影像的内网离线加载显示
在OpenLayers目录中新建“SampleForWGS84.html”网站页面文件,如下图所示。
新建页面文件
在“SampleForWGS84.html”网站页面文件中添加卫星影像与地名标签加载代码,如下图所示。
添加WGS84影像加载代码
服务地址可以在WeServer后台管理系统内找到,注意修改IP地址、端口号和图层名称,如下图所示。
服务地址
通过关注公号“水经注GIS”并回复“OpenLayers”可获取OpenLayers源码文件,解压后在目录中,已经为你提供了“SampleForWGS84.html”源码文件,但需要特别注意的是需要将IP地址改为本机IP地址,前文我们已经提到过了获取本机IP的方法。
打开下方网址,可以显示加载本地影像如下图所示。
http://192.168.5.233/SampleForWGS84.html
WGS84卫星影像加载效果
至此,OpenLayers在内网中加载显示WeServer发布的离线地图的目的就达到了。这样一来,当前这台电脑在内网中就是一台标准地图服务器,内网中任何一台电脑都可以通过打开网址离线查看地图,但需要注意的是需要将网址中的IP改为本机IP地址。
以上发布的是WGS84的卫星影像,接下来我们再来看一看默卡托卫星影像的发布方法。
墨卡托投影卫星影像的内网离线发布
发布墨卡托卫星影像时需要重新在WeServer管理后台重新发布图层,在主页内通过快速发布发布一个墨卡托的图层。
快速发布
发布完成之后可以在图层内看到发布的图层,发布的图层如下图所示。
发布的地图服务
墨卡托投影卫星影像的内网离线加载显示
在OpenLayers目录中新建“SampleForMercator.html”网站页面文件,如下图所示。
新建SampleForMecator页面文件
在“SampleForMecator.html”网站页面文件中添加卫星影像与地名标签加载代码,如下图所示。
添加墨卡托影像加载代码
通过关注公号“水经注GIS”并回复“OpenLayers”可获取OpenLayers源码文件,解压后在目录中,已经为你提供了“SampleForMercator.html”源码文件,但需要特别注意的是需要将IP地址改为本机IP地址,前文我们已经提到过了获取本机IP的方法。
打开下方网址,可以显示加载本地影像如下图所示。
http://192.168.5.233/SampleForMercator.html
墨卡托卫星影像加载效果
(本文首发于“水经注GIS”公号,关注公号免费领取地图数据)