当前位置:>GIS服务>地图发布

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

2017/8/22 10:49:10 0人评论 12563 次

900-150.gif

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级影像数据。

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

卫星影像示例数据

在安装软件之前,请从以下百度网盘地址下载示例数据(如果链接失效请联系我们获取)。

链接:https://pan.baidu.com/s/1F8l8c0xn2SeeJuFfNqKvfQ

提取码:alcs

OpenLayers开发源码:开源OpenLayers源码可以从OpenLayers官网下载最新版,但由于国外网站访问非常慢,因此也可以通过扫一扫二维码关注微信公众号“水经注GIS”并回复“OpenLayers”获取OpenLayers开发源码文件。

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

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

获取本机IP地址

03

WGS84卫星影像离线发布

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

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

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

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

安装配置

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

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

安装完成

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

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

服务运行正常

04

部署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中加载显示。

05

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

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

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

新建页面文件

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

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

添加WGS84影像加载代码

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

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

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

WGS84卫星影像加载效果

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

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

06

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

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

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

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

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

WeServer配置文件

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

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

设置墨卡托投影参数

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

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

配置参数生效

07

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

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

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

新建SampleForMecator页面文件

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

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

添加墨卡托影像加载代码

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

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

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

墨卡托卫星影像加载效果

08

总结

最后再次申明,由于本文中提供的数据为示例数据,旨在说明地图发布服务中间件的内网离线发布功能,因此卫星影像数据和地名标签都仅仅提供全球前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

分享到:

相关资讯

    暂无相关的资讯...