您好,欢迎访问本站博客!登录后台查看权限
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 网站所有资源均来自网络,如有侵权请联系站长删除!

最新百度地图API V2.0 离线版本

CF排位号 admin 2025-10-30 06:04 2 次浏览 0个评论
网站分享代码

2017-12-04 修改,请查看最新版本:http://www.xiaoguo123.com/p/baidumap_offline_v21/

前言:

百度地图API V2.0在线版本拥有非常强大的功能,但是在无网络的情况下就无能无力了。

本人基于于忠达博客提供的方法改写了最新版本(2016-8-22之前)的api函数,使得能够完全脱离网络运行。并且,地图的44个模块实现了按需加载;只需要调用一个load.js即可加载地图API。

本人仿照官方的demo,将离线能实现的功能都写了示例代码供参考。你可以打开baidumap_offline_v2_20160822.js文件查看修改的部分。

请注意,离线版本的api不是万能的,一些依靠网络搜索的功能是无法使用的。

主要修改的地方:

1)增加参数bdmapcfg,可自由定义瓦片的后缀,如.png,.jpg;和瓦片的地址;

2)将44个模块全部下载,支持按需加载;

3)支持一些高级应用,如测距,热点图等;

瓦片地图下载工具:

http://www.xiaoguo123.com/p/mapdownload/

如何使用?

1. 确定你用的瓦片的图片后缀,如.png, .jpg。修改 baidumap_offline_v2_load.js 中的imgext

var bdmapcfg = {

'imgext':'.jpg', //瓦片图的后缀 ------ 根据需要修改,一般是 .png .jpg

'tiles_dir':'' //瓦片图的目录,为空默认在 baidumap_v2/tiles/ 目录

};

2. 确定你用的瓦片的目录,默认在baidumap_v2/tiles/目录下,你也可以改成其他地址。修改 baidumap_offline_v2_load.js 中的tiles_dir

3. 参考demo编写代码, 要点如下:

1)只需要加载load文件

2)加载css文件(貌似可不需要)

3)定义个放置地图的容器,并用css控制高度和宽度

4)书写js代码

5)享受你的成就