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

news/2024/12/22 19:34:57/

百度地图API V2.0 离线版本,支持IE。

发布于 2016-8-22 ,基于此日期前的最新百度地图API V2.0。

感谢 于忠达博客 提供的方法。

更新日志:

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

下载地址:baidumap_apiV2_offline

这个是我自己创建的

http://pan.baidu.com/s/1dF2bZAp

前言:

百度地图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)享受你的成就


http://www.ppmy.cn/news/412838.html

相关文章

ZJS-415/DC220V中间继电器

ZJS-415/DC220V中间继电器 品牌&#xff1a;JOSEF约瑟 名称&#xff1a;中间继电器 型号&#xff1a;ZJS-415&#xff1b;ZJY-620 触点容量&#xff1a;5A/250V 功率消耗&#xff1a;≤1.5W&#xff0c;≤3W&#xff0c;≥5W&#xff0c;≤7W&#xff0c;≤3VA&#xff0c;≤7V…

18V转5V低功率LDO大电流降压芯片

15V和18V的电源供电&#xff0c;要输出转5V的降压电路时&#xff0c;需要注意输入拔插和开关时的浪涌尖峰电压&#xff0c;时常我们需要加TVS管&#xff0c;或者电解电容等等来吸收尖峰高压&#xff0c;同时我们在芯片IC的选择上&#xff0c;也需要把注意输入电压的范围提供留有…

毫安时mAh与瓦时Wh的计算

毫安时mAh与瓦时Wh的计算 毫安时&#xff08;mAh&#xff09;---&#xff08;q&#xff09; 瓦时&#xff08;Wh&#xff09;-------&#xff08;W&#xff09; 电压&#xff08;V&#xff09;----------&#xff08;U&#xff09; 公式&#xff1a;WqU 举例&#xff1a;8…

380伏电压一安是多少瓦?

"伏"是电压单位. "安"是电流单位. "瓦"是电功单位. "度"是电能单位. 其间有关系,但不能相互相等. 380V电压,1A的电流,其电功是380*1380W,其电能是(按上小时计算): 380V*1A*1H0.38KV*1A*1H0.38KWHBN 也就是0.38度. 当然,上面是按照纯电…

【Spring Cloud系列】- Eureka使用详解

【Spring Cloud系列】- Eureka使用详解 文章目录 【Spring Cloud系列】- Eureka使用详解一、概述二、Eureka简介三、Eureka结构与作用Eureka结构图Eureka采用CS&#xff08;Client/Server,客户端/服务器&#xff09;架构&#xff0c;它包括以下两大组件 四、Eureka集群及与应用…

手机怎么把证件照缩小到100k以下?手机照片如何压缩变小?

一般我们在提交电子证件的时都要求100k以内的图片&#xff0c;否则无法上传&#xff0c;那么有没有用手机把证件照压缩到100K以下的方法&#xff1f;教你一个简单的方法&#xff0c;收藏起来备用吧。 1.首先用手机打开压缩图网站&#xff0c;选择证件照压缩。 2.点击选择图片压…

解决方案 word excel vba 以下隐藏模块存在编译错误

错误原因1&#xff1a;wps 未安装 【vba for wps office】&#xff0c;导致执行vba脚本时&#xff0c;缺乏基础条件 错误原因2&#xff1a;你用的是公版wps&#xff0c;也许对vba支持不好&#xff1b;换回ms office后依然报错&#xff0c;是因为wps有残留影响到。导致ms offic…

Excel问题:以下隐藏模块存在编译错误模块1

问题&#xff1a; 以下隐藏模块存在编译错误:模块1 解决方法&#xff1a; 打开excel的文件里的选项-加载项。最下面有个管理&#xff0c;选择excel加载项-转到。弹出对话框中把前面的勾去掉就行了