如何用Google离线API调用离线地图

2017-8-17 11:34:36 0人评论 858次浏览 分类:技术文章

这里以云南保山市为例,说明如何用谷歌离线API调用离线地图。

首先,点击视图左上方的地图类型按钮选择谷歌地图(如果没有该项请点击“更多”选项),然后在视图右上方选择云南省保山市显示行政区划,最后点击“下载”按钮显示“新建任务”对话框。


1.jpg


一般情况下,从新建任务时行政区划显示的级别开始,一直选择到第19级,但这里我们只以选择到第14有为例。


2.jpg


在“新建任务”对话框中点击“导出设置”显示参数设置对话框,在该对话框中选择瓦片类型为TMS瓦片,文件格式为PNG,坐标投影为WGS84 Web 墨卡托投影,背景色为透明。


3.jpg


分别点击“确定”按钮之后开始下载数据,在下载过程中可以即时查看下载结果。


4.jpg


下载完成后,会根据新建任务时的参数设置导出谷歌TMS瓦片。


5.jpg


将导出结果文件夹复制到谷歌离线API目录中。


6.jpg


启动一个WebGIS开发工具,这里以Visual Studio Code 开发工具为例。

点击“文件”菜单中的“打开文件夹”菜单。


7.jpg


相关文档请参阅:

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

浏览到百度离线API目录之后,点击“选择文件夹”按钮打开百度离线API工程源码。


8.jpg


谷歌离线API源码工程加载完成之后,在map.js文件中将原离线地图文件夹“googleTMS”修改为当前离线地图文件夹,这里修改为“保山市谷歌地图TMS瓦片”并保存修改。


9.jpg


双击谷歌离线API源码中的map.html文件可打开显示离线地图。


10.jpg


用谷歌离线API源码成功加载云南省保山市离线地图之后,效果如下图所示。


11.jpg


相关内容请参阅:

Google离线API的在线地图调用示例