OpenLayers在内网中如何加载显示WeServer发布的离线地图
点击
软件教程 | 作者 / GAary 整理 / 文泉
01
概述
前段时间，给大家介绍了基于《水经注地图发布服务中间件4.0》在内网中离线发布全国影像及高程DEM数据并在OsgEarth中调用的方法【点击回顾】和在开源三维地球Cesium中如何离线加载卫星影像及高程DEM数据的方法【点击回顾】。
今天再为大家分享OpenLayers在内网中如何加载显示WeServer发布的离线地图的方法。
什么是OpenLayers呢？
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二次开发的平台。
02
准备工作
在开始之前，需要先准备离线数据发布软件、离线卫星影像示例数据、OpenLayers开发源码和本机IP地址等。
地图发布软件：需要在内网发布离线卫星影像，请确保地图发布服务中间件版本为4.0.5以上，如果低于该版本，请通过关注微信公众号“水经注GIS”并回复“中间件”免费获取最新版本安装包，也可以直接在官网下载。
离线示例数据：本文提供的离线示例数据包括墨卡托投影和WGS84投影的卫星影像与地名标签数据，由于这里主要是为了进行功能性演示，因此只提示前10级影像数据。
卫星影像示例数据
在安装软件之前，请从以下百度网盘地址下载示例数据（如果链接失效请联系我们获取）。
链接：https://pan.baidu.com/s/1F8l8c0xn2SeeJuFfNqKvfQ提取码：alcs左右滑动查看全部
OpenLayers开发源码：开源OpenLayers源码可以从OpenLayers官网下载最新版，但由于国外网站访问非常慢，因此也可以通过关注微信公众号“水经注GIS”并回复“OpenLayers”获取OpenLayers开发源码文件。
本机IP地址：由于会用到本机IP作为访问地址，可以通过在DOS窗口中运行“IPConfig”命令或其它方式获取本机IP地址以备用，如下图所示。
获取本机IP地址
03
WGS84卫星影像离线发布
软件的安装与离线卫星影像的发布方法，请参阅“全球卫星影像离线发布神器《水经注地图发布服务中间件4.0》正式发布”一文【点击回顾】。
由于OpenLayers是二维应用，因此这里不需要发布高程。
但需要注意的是发布的卫星影像和设置的投影务必要保证统一，且端口号没有被其它程序占用，如下图所示。
安装配置
安装完成后，会显示如下图所示信息。
安装完成
打开Windows任务管理器，如果WeServer服务的状态显示“正在运行”，则说明中间件服务安装成功并已经正常运行，如下图所示。
服务运行正常
04
部署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中加载显示。
05
WGS84卫星影像的内网离线加载显示
在OpenLayers目录中新建“SampleForWGS84.html”网站页面文件，如下图所示。
新建页面文件
在“SampleForWGS84.html”网站页面文件中添加卫星影像与地名标签加载代码，如下图所示。
添加WGS84影像加载代码
通过关注微信公众号“水经注GIS”并回复“OpenLayers”可获取OpenLayers源码文件，解压后在目录中，已经为你提供了“SampleForWGS84.html”源码文件，但需要特别注意的是需要将IP地址改为本机IP地址，前文我们已经提到过了获取本机IP的方法。
打开网址“http://192.168.0.5/SampleForWGS84.html”，可以显示加载本地影像如下图所示。
WGS84卫星影像加载效果
至此，OpenLayers在内网中加载显示WeServer发布的离线地图的目的就达到了。这样一来，当前这台电脑在内网中就是一台标准地图服务器，内网中任何一台电脑都可以通过打开网址离线查看地图，但需要注意的是需要将网址中的IP改为本机IP地址。
以上发布的是WGS84的卫星影像，接下来我们再来看一看默卡托卫星影像的发布方法。
06
墨卡托投影卫星影像的内网离线发布
由于之前发布的是WGS84卫星影像，因此发布墨卡托卫星影像时需要重新对WeServer的数据源与坐标投影进行配置。
设置数据源与坐标投影除了可以在安装界面中配置外，还可以通过修改配置文件的方式设置。
在WeServer安装路径中，有一个用于配置WeServer参数的“WeServerConfig.ini”文件，如下图所示。
WeServer配置文件
在配置文件中，重新设置卫星影像路径和地名标签路径，然后将投影设置为“Mercator”，即墨卡托投影，如下图所示。
设置墨卡托投影参数
在“WeServerConfig.ini”文件中完成相关参数配置并保存后，双击“WeServer.exe”文件，会重新启动服务并使配置参数生效。
配置参数生效
07
墨卡托投影卫星影像的内网离线加载显示
在OpenLayers目录中新建“SampleForMercator.html”网站页面文件，如下图所示。
新建SampleForMecator页面文件
在“SampleForMecator.html”网站页面文件中添加卫星影像与地名标签加载代码，如下图所示。
添加墨卡托影像加载代码
通过关注微信公众号“水经注GIS”并回复“OpenLayers”可获取OpenLayers源码文件，解压后在目录中，已经为你提供了“SampleForMercator.html”源码文件，但需要特别注意的是需要将IP地址改为本机IP地址，前文我们已经提到过了获取本机IP的方法。
打开网址“http://192.168.0.5/SampleForMercator.html”，可以显示加载本地影像如下图所示。
墨卡托卫星影像加载效果
08
总结
最后再次申明，由于本文中提供的数据为示例数据，旨在说明地图发布服务中间件的内网离线发布功能，因此卫星影像数据和地名标签都仅仅提供全球前10级数据。你可以通过关注微信公众号“水经注GIS”并回复“免费数据”，领取一个省的高清卫星影像数据，然后更新到对应的数据目录即可！
推荐阅读：
覆盖率为99.99%的12.5米高程DEM，《全国12.5米高程DEM原始数据2.0》发布！
长按关注水经注，我们与你更近一步
地图下载 | 地图发布 | 数据处理 | 项目订制
▲请拔打24小时热线：400-028-0050