查看: 341|回复: 1

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

[复制链接]

344

主题

386

帖子

1076

积分

金牌飞友

Rank: 6Rank: 6

积分
1076
飞币
688
注册时间
2017-8-6
发表于 2022-10-23 00:24:53 | 显示全部楼层 |阅读模式
这里以吉林省吉林市地图为例,说明如何用OpenLayers开源地图引挚发布离线谷歌卫星地图。

在万能地图下载器中,选择吉林省吉林市显示行政区划,然后点击"下载"按钮,可以新建任务。
如何用OpenLayers开源地图引挚发布离线地图-1.jpg


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


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

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

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

在"导出瓦片"选项的相关参数中,我们选择瓦片格式为"TMS瓦片"、文件格式为PNG,坐标坐标投影为墨认的"WGS84 Web 墨卡托投影",选择"边界范围裁剪",背景颜色为"透明"背景。
如何用OpenLayers开源地图引挚发布离线地图-3.jpg


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

导出瓦片参数说明

分别点击"确定"按钮开始下载任务,下载并自动导出后可以看到导出的瓦片目录为8到12级而不是我们选择的9到13级,这是因为软件中的级别编号是从1开始,而标准的TMS瓦片命名规则都是从0开始,因此该情况属于正常情况,瓦片的行列号编号规则同理。
如何用OpenLayers开源地图引挚发布离线地图-4.jpg


将下载的地图瓦片目录复制到OpenLayers开源地图引挚发布离线地图的源码示例中。
如何用OpenLayers开源地图引挚发布离线地图-5.jpg


用专业的WebGIS开发工具Visual Studio Code可以打开源代码进行功能开发。
如何用OpenLayers开源地图引挚发布离线地图-6.jpg


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

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

双击OpenLayers开源地图引挚发布离线地图源码中的"map.html"文件,可以在浏览器中打开查看在线地图。
如何用OpenLayers开源地图引挚发布离线地图-7.jpg


在浏览器中会默认打开在线地图,点击"工具\地图配置"可以配置离线地图。
如何用OpenLayers开源地图引挚发布离线地图-8.jpg


将离线地图配置为"吉林市谷歌地图TMS瓦片/{z}/{x}/{y}.png",并点击"使用自定义地图底图"按钮可以加载本地地图。
如何用OpenLayers开源地图引挚发布离线地图-9.jpg


加载吉林省吉林市谷歌卫星地图成功之后,效果如下图所示。
如何用OpenLayers开源地图引挚发布离线地图-10.jpg

52

主题

818

帖子

1652

积分

金牌飞友

Rank: 6Rank: 6

积分
1652
飞币
825
注册时间
2017-9-5
发表于 2022-10-23 00:34:06 | 显示全部楼层
转发了
您需要登录后才可以回帖 登录 | 加入联盟

本版积分规则

快速回复 返回顶部 返回列表