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

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目录下.

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

Demo工程文件下的tiles目录文件如下(已拷贝新地图):

4. 根据下载到的地图瓦片文件,修改应用中的地图中心点坐标. 并测试.

地图坐标 108.92162, 34.23201 为我下载的 陕西省西安市地图中的一个坐标点.

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

Demo工程应用运行结果如下: