5年的坚持
小郭一直在努力

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

百度地图API V2.0 离线版本,支持IE。
发布于 2016-8-22 ,基于此日期前的最新百度地图API V2.0。
感谢 于忠达博客 提供的方法。

更新日志:

2016-09-21 删除IE下不支持的console.log,修改部分DEMO。

2017-12-04 修改,请查看最新版本:http://www.xiaoguo123.com/p/baidumap_offline_v21/
bdmapv2
前言:
百度地图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文件

<script src=”baidumapv2/baidumap_offline_v2_load.js” type=”text/javascript”></script>

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

<link rel=”stylesheet” type=”text/css” href=”../../baidumapv2/css/baidu_map_v2.css”/>

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

<div id=”map_demo”></div>

4)书写js代码

<script type=”text/javascript”>
// 百度地图API功能
var map = new BMap.Map(“map_demo”); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 8); // 初始化地图,设置中心点坐标和地图级别
//map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 离线只支持电子地图,卫星/三维不支持
//map.setCurrentCity(“北京”); // 设置地图显示的城市 离线地图不支持!!
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
map.addControl(new BMap.NavigationControl()); //缩放按钮
</script>

5)享受你的成就

未经允许不得转载:小郭软件 » 最新百度地图API V2.0 离线版本
分享到: 更多 (0)

评论 22

评论前必须登录!

 

  1. #16
    用户头像

    jsp也没怎么不么拖拽,放缩

    小不点11个月前 (12-28)
  2. #15
    用户头像

    下载的离线地图,如何使用?谢谢

    向军12个月前 (12-01)
  3. #14
    用户头像

    关于版权问题,楼主了解吗!!

    韶华倾覆こ12个月前 (11-23)
  4. #13
    用户头像

    离线也可以,下载试试!!

    韶华倾覆こ12个月前 (11-23)
  5. #12
    用户头像

    想请教一下离线个性化模块如何实现?麻烦指点一二 谢谢!

    当我的吉他温柔的哭泣``1年前 (2017-11-14)
  6. #11
    用户头像

    你好,地图在IE浏览器上代开没显示地图

     xgdt1年前 (2017-10-25)
  7. #10
    用户头像

    为什么获取用户的当前位置,经纬度有偏差,而且实际路程差了十几公里啊

    吃葡萄不吐葡萄皮1年前 (2017-09-21)
  8. #9
    用户头像

    你好,我想问问那个最大图层是在哪里设置的啊,在缩放的时候会显示有的图片找不到

    十八1年前 (2017-07-11)
  9. #8
    用户头像

    感谢楼主,我已在web端用django部署了,但是有一个问题,地图显示时有纵向条状割裂,我没有改动过js源码,web端也只是简单作了图片地图展示。显示情况如图:http://chuantu.biz/t5/101/1496714811×2890173927.png
    麻烦楼主指点迷津,谢谢!

    笑书1年前 (2017-06-06)
  10. #7
    用户头像

    关于版权问题,楼主了解吗

    ╭ァpupil2年前 (2017-02-20)
  11. #6
    用户头像

    请问如果像百度里面的那个可以绘制点线面的,可以实现吗

    旋转的时钟2年前 (2017-01-12)
  12. #5
    用户头像

    为什么鼠标滚轮缩放不灵呢, 代码map.enableScrollWheelZoom(true); 也加了

    °つ清 醒2年前 (2016-10-24)
  13. #4
    用户头像

    我自己搞出来了 哈哈

    M_nnn2年前 (2016-10-19)
    • 用户头像

      求助 😥

      满眼浮华丶终不过南柯一梦1年前 (2017-06-29)
  14. #3
    用户头像

    这里有个百度离线地图V2.0的,功能齐全,兼容性好,下载地址:http://api.jjszd.com:8081/apituiguang/gistg.html

    YTWA2年前 (2016-10-14)
  15. #2
    用户头像

    请问楼主,瓦片怎么下载的?用什么工具?

    M_nnn2年前 (2016-10-13)
    • 用户头像

      已经提供工具下载
      http://www.xiaoguo123.com/p/mapdownload/

      小郭2年前 (2017-01-11)
      • 用户头像

        把瓦片放到原来的文件夹下,不好用, 怎么改的,感谢。。

        青春岁月2年前 (2017-03-10)
      • 用户头像

        下下来替换文件夹不好使,然后不知道怎么弄了,求指导,谢谢。。

        Fatzeng2年前 (2017-03-14)
      • 用户头像

        请问DEMO中加载闪烁点,为什么不联网加载不了???不是离线版的吗

        红尘成佛2年前 (2017-05-19)
  16. #1
    用户头像

    太及时了,可以贴一下博客原地址吗?

    悬崖边的凳子2年前 (2016-08-28)

小郭软件在线打字,快速提高打字水平!

去在线打字排行榜