如何用百度离线API调用百度离线地图

来源:互联网 发布:手机淘宝链接转换器 编辑:程序博客网 时间:2024/06/05 17:34

这里以广西南宁市为例,说明如何用百度离线API调用百度离线地图。

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


1.jpg


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


2.jpg


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


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文件中将原离线地图文件夹“baiduTMS”修改为当前离线地图文件夹,这里修改为“南宁市百度TMS瓦片”并保存修改。


99.jpg


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


1010.jpg


用百度离线API源码成功加载广西南宁的离线百度地图之后,效果如下图所示。


10101.jpg