Warning: Undefined array key "night" in /www/wwwroot/dhaomu.com/wp-content/themes/b2/header.php on line 18

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

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

更新日志:

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

2017-12-04 修改,请查看最新版本:/uploadfile/pic/

前言:
百度地图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)支持一些高级应用,如测距,热点图等;

瓦片地图下载工具:

/uploadfile/pic/

如何使用?
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)享受你的成就

温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA赞赏
共{{data.count}}人
人已赞赏
未整理

【投资技巧】定投十年赚十倍

2021-5-13 0:00:00

未整理

易优cms蓝色平面设计广告印刷网站模板源码 带手机版

2021-5-15 0:00:00

0 条回复 A文章作者 M管理员

Warning: Trying to access array offset on value of type null in /www/wwwroot/dhaomu.com/wp-content/themes/b2/functions.php on line 3914

Warning: Trying to access array offset on value of type null in /www/wwwroot/dhaomu.com/wp-content/themes/b2/functions.php on line 3914
----《》
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索