OpenLayers在内网中如何加载显示WeServer发布的离线地图

时间:2024-05-23 11:50:57

1. 概述

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

2. 准备工作

在开始之前,需要先准备离线数据发布软件、离线卫星影像示例数据、OpenLayers开发源码和本机IP地址等。

地图发布软件:需要在内网发布离线卫星影像,请确保地图发布服务中间件版本为4.0.5以上,如果低于该版本,请通过私信回复"中间件"免费获取最新版本安装包,也可以直接在官网下载。

离线示例数据:本文提供的离线示例数据包括墨卡托投影和WGS84投影的卫星影像与地名标签数据,由于这里主要是为了进行功能性演示,因此只提示前10级影像数据。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

卫星影像示例数据

在安装软件之前,请私信“示例数据”下载示例数据。

OpenLayers开发源码:开源OpenLayers源码可以从OpenLayers官网下载最新版,但由于国外网站访问非常慢,因此也可以通过私信回复"OpenLayers"获取OpenLayers开发源码文件。

本机IP地址:由于会用到本机IP作为访问地址,可以通过在DOS窗口中运行"IPConfig"命令或其它方式获取本机IP地址以备用,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

获取本机IP地址

3. WGS84卫星影像离线发布

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

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

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

安装配置

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

安装完成

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

服务运行正常

4. 部署OpenLayers源码网站

OpenLayer源码解压之后,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

OpenLayers源码目录

在Windows控制面板中打开"管理工具",如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

管理工具

打开IIS网站管理器,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

打开IIS

在"网站"树节点单击鼠标右键,然后选择"添加网站"菜单,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

增加网站

网站名称可以任意取,这里我们取名为"OpenLayers",物理路径为OpenLayers源码所在路径,并将端口号设置为默认值"80",如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

 

配置完成之后点击"确定"按钮之后完成网站配置,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

完成配置

在浏览器中打开网址"http://127.0.0.1/examples"可以浏览配置好的网站,并可以查看相关文档、示例与API等,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

OpenLayers本地网站

在OpenLayers页面中点击"Bing Maps",可以打开BingMaps在线调用示例并查看代码,如下图所示。

OpenLayers在内网中如何加载显示WeServer发布的离线地图

BingMaps示例

至此,一个部署到本地的OpenLayers系统就完成了,你可以根据自己的需求,再结合在线示例开发一个WebGIS系统。接下来我们会讲解如何将本地离线的谷歌卫星影像与地名标签在OpenLayers中加载显示。

5. WGS84卫星影像的内网离线加载显示

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

新建页面文件

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

添加WGS84影像加载代码

通过私信回复"OpenLayers"可获取OpenLayers源码文件,解压后在目录中,已经为你提供了"SampleForWGS84.html"源码文件,但需要特别注意的是需要将IP地址改为本机IP地址,前文我们已经提到过了获取本机IP的方法。

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

WGS84卫星影像加载效果

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

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

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

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

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

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

WeServer配置文件

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

设置墨卡托投影参数

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

配置参数生效

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

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

新建SampleForMecator页面文件

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

添加墨卡托影像加载代码

通过私信回复"OpenLayers"可获取OpenLayers源码文件,解压后在目录中,已经为你提供了"SampleForMercator.html"源码文件,但需要特别注意的是需要将IP地址改为本机IP地址,前文我们已经提到过了获取本机IP的方法。

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

OpenLayers在内网中如何加载显示WeServer发布的离线地图

墨卡托卫星影像加载效果

8. 总结

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