如何用OpenLayers开源地图引挚发布离线地图

概述

前段时间，给大家介绍了基于《水经注地图发布服务中间件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二次开发的平台。

准备工作

在开始之前，需要先准备离线数据发布软件、离线卫星影像示例数据、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地址

WGS84卫星影像离线发布

软件的安装与离线卫星影像的发布方法，请参阅"全球卫星影像离线发布神器《水经注地图发布服务中间件4.0》正式发布"一文【点击回顾】。

由于OpenLayers是二维应用，因此这里不需要发布高程。

但需要注意的是发布的卫星影像和设置的投影务必要保证统一，且端口号没有被其它程序占用，如下图所示。

安装配置

安装完成后，会显示如下图所示信息。

安装完成

打开Windows任务管理器，如果WeServer服务的状态显示"正在运行"，则说明中间件服务安装成功并已经正常运行，如下图所示。

服务运行正常

部署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影像加载代码

请通过扫一扫二维码关注微信公众号“水经注GIS”，回复"OpenLayers"可获取OpenLayers源码文件，解压后在目录中，已经为你提供了"SampleForWGS84.html"源码文件，但需要特别注意的是需要将IP地址改为本机IP地址，前文我们已经提到过了获取本机IP的方法。

打开网址"http://192.168.0.5/SampleForWGS84.html"，可以显示加载本地影像如下图所示。

WGS84卫星影像加载效果

至此，OpenLayers在内网中加载显示WeServer发布的离线地图的目的就达到了。这样一来，当前这台电脑在内网中就是一台标准地图服务器，内网中任何一台电脑都可以通过打开网址离线查看地图，但需要注意的是需要将网址中的IP改为本机IP地址。

以上发布的是WGS84的卫星影像，接下来我们再来看一看默卡托卫星影像的发布方法。

墨卡托投影卫星影像的内网离线发布

由于之前发布的是WGS84卫星影像，因此发布墨卡托卫星影像时需要重新对WeServer的数据源与坐标投影进行配置。

设置数据源与坐标投影除了可以在安装界面中配置外，还可以通过修改配置文件的方式设置。

在WeServer安装路径中，有一个用于配置WeServer参数的"WeServerConfig.ini"文件，如下图所示。

WeServer配置文件

在配置文件中，重新设置卫星影像路径和地名标签路径，然后将投影设置为"Mercator"，即墨卡托投影，如下图所示。

设置墨卡托投影参数

在"WeServerConfig.ini"文件中完成相关参数配置并保存后，双击"WeServer.exe"文件，会重新启动服务并使配置参数生效。

配置参数生效

墨卡托投影卫星影像的内网离线加载显示

在OpenLayers目录中新建"SampleForMercator.html"网站页面文件，如下图所示。

新建SampleForMecator页面文件

在"SampleForMecator.html"网站页面文件中添加卫星影像与地名标签加载代码，如下图所示。

添加墨卡托影像加载代码

请通过扫一扫二维码关注微信公众号“水经注GIS”，回复"OpenLayers"可获取OpenLayers源码文件，解压后在目录中，已经为你提供了"SampleForMercator.html"源码文件，但需要特别注意的是需要将IP地址改为本机IP地址，前文我们已经提到过了获取本机IP的方法。

打开网址"http://192.168.0.5/SampleForMercator.html"，可以显示加载本地影像如下图所示。

墨卡托卫星影像加载效果

总结

最后再次申明，由于本文中提供的数据为示例数据，旨在说明地图发布服务中间件的内网离线发布功能，因此卫星影像数据和地名标签都仅仅提供全球前10级数据。你可以通过关注微信公众号“水经注GIS”，回复"免费数据"，领取一个省的高清卫星影像数据，然后更新到对应的数据目录即可！

推荐阅读：

【免费】免费分享全国省级与市级行政区划啦！

【免费】百度网盘可免费下载全国高清卫星影像啦！

【免费】百度网盘可免费下载全国30米SRTM高程啦！

【免费】免费从网盘下载的影像和高程DEM如何使用？

【说明】如何利用免费地图数据构建一个离线三维地球？

【说明】DAT与IDX格式文件如何打开？

【说明】如何免费下载高清卫星影像地图？

【说明】22.3TB全国1-20级卫星影像终于出炉！

【亲测】干货：全球73.9TB卫星影像是如何下载的？

【说明】《全国12.5米高程DEM原始数据2.0》发布！

【说明】12.5m、30m、90m 高程数据详细对比说明！

【Cesium】在开源地球 Cesium 离线加载影像和高程！

【ArcMap】在ArcMap中离线加载海量卫星影像的方法！

【说明】《地图发布服务中间件》for Linux 发布！

【GoogleMap API for JS】最新版GoogleMap API 离线源码下载技术！

【亲测】全球卫星影像的大字体挂图打印制作方法

长按关注水经注，我们与你更近一步

地图下载|地图发布|系统部署|定制研发

请拔打24小时热线：400-028-0050