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

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(1)

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(2)

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

导出瓦片参数说明

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(3)

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(4)

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(5)

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

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

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(6)

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(7)

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(8)

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

openlayers加载地图代码(如何用OpenLayers开源地图引挚发布离线地图)(9)

,