百度地图 -- 离线地图开发

最新推荐文章于 2024-08-07 18:25:52 发布

faris1987

最新推荐文章于 2024-08-07 18:25:52 发布

阅读量1.8w

点赞数 2

分类专栏：百度地图文章标签：百度地图 javascript 离线地图

本文链接：https://blog.csdn.net/xsbh0310/article/details/54139662

版权

这篇博客介绍了如何利用JavaScript结合百度地图API开发离线地图应用。首先，下载百度地图Demo工程和离线地图瓦片，接着替换Demo中的地图瓦片文件，并根据下载的数据调整地图初始化级别和中心点坐标，最终实现离线展示陕西省西安市地图的功能。

摘要由CSDN通过智能技术生成

本文部分内容是在其它网友的文章及例程上进行了总结及改进,在此表示感谢!

1. 下载百度地图Demo工程文件.

Demo工程文件百度网盘下载: baidumapv2.0_js_offline_V1_V1.0.0.rar

2. 下载离线地图瓦片(*.png)

可以使用全能电子地图下载器等工具下载. 这里以全能电子地图下载器为例. 默认下载路径为C:\MapDownload. Demo例程中下载的地图数据为 陕西省西安市地图, 地图级别13.

故在地图应用中地图初始化时地图级别不能大于13(大于13将无法显示地图,因为大于13的地图瓦片不存在). 在实际应用中,请根据需求选择合适的地图级别.

map.centerAndZoom(new BMap.Point(108.92162, 34.23201), 13); //初始化地图,设置中心点坐标和地图级别

3. 删除Demo工程文件下的tiles目录下的所有文件, 将下载到的新地图瓦片文件(C:\MapDownload\baidumaps\roadmap\下的所有文件)拷贝到Demo工程文件下的tiles目录下.

下载到的新地图瓦片文件如下:

关注

专栏目录