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

2017-8-22 10:49:10 0人评论 0次浏览 分类:技术文章

这里以吉林省吉林市地图为例,说明如何用OpenLayers开源地图引挚发布离线谷歌卫星地图。

万能地图下载器中,选择吉林省吉林市显示行政区划,然后点击“下载”按钮,可以新建任务。


1.jpg


在新建任务对话框中选择需要下载的级别,一般是从当前行政区划显示的级别开始选择(这里是第9级),一直接选择到第19级(国内19级清晰度效果最佳,19级以上基于19级放大),由于数据量非常大,这里只为了说明如何用OpenLayers开源地图引挚发布离线卫星地图的方法,因此这里以选择到第13级为例。


2.jpg


在“新建任务”对话框中,点击“导出设置”可以设置相关导出参数,我们可以选择导出大图、导出瓦片和导出离线包等三种方式。由于这里我们用OpenLayers开源地图引挚发布离线卫星地图需要用的是瓦片格式,因此这里选择“导出瓦片”选项。

新建任务详细参数说明,请参阅:

新建地图下载任务参数说明

在“导出瓦片”选项的相关参数中,我们选择瓦片格式为“TMS瓦片”、文件格式为PNG,坐标坐标投影为墨认的“WGS84 Web 墨卡托投影”,选择“边界范围裁剪”,背景颜色为“透明”背景。


3.jpg


导出瓦片详细参数说明,请参阅:

导出瓦片参数说明

分别点击“确定”按钮开始下载任务,下载并自动导出后可以看到导出的瓦片目录为8到12级而不是我们选择的9到13级,这是因为软件中的级别编号是从1开始,而标准的TMS瓦片命名规则都是从0开始,因此该情况属于正常情况,瓦片的行列号编号规则同理。


4.jpg


将下载的地图瓦片目录复制到OpenLayers开源地图引挚发布离线地图的源码示例中。


5.jpg


用专业的WebGIS开发工具Visual Studio Code可以打开源代码进行功能开发。


6.jpg


Visual Studio Code下载安装教程,请参阅:

如何安装WebGIS开发工具Visual Studio Code

双击OpenLayers开源地图引挚发布离线地图源码中的“map.html”文件,可以在浏览器中打开查看在线地图。


7.jpg


在浏览器中会默认打开在线地图,点击“工具\地图配置”可以配置离线地图。


8.jpg


将离线地图配置为“吉林市谷歌地图TMS瓦片/{z}/{x}/{y}.png”,并点击“使用自定义地图底图”按钮可以加载本地地图。


9.jpg


加载吉林省吉林市谷歌卫星地图成功之后,效果如下图所示。


10.jpg