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

墨蓝 2022-06-05 08:20 1024阅读 0赞

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

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

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

更新日志：

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

下载地址： [baidumap\_apiV2\_offline][baidumap_apiV2_offline]

这个是我自己创建的

[http://pan.baidu.com/s/1dF2bZAp][http_pan.baidu.com_s_1dF2bZAp]

![bdmapv2][]

![Center][]

前言：

百度地图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/][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）享受你的成就

[baidumap_apiV2_offline]: http://www.xiaoguo123.com/p/baidumap_offline_v2/baidumap_apiv2_offline/
[http_pan.baidu.com_s_1dF2bZAp]: http://pan.baidu.com/s/1dF2bZAp
[bdmapv2]: 
[Center]: /images/20220605/a3120b4f84594088823324af9d481511.png
[http_www.xiaoguo123.com_p_mapdownload]: http://www.xiaoguo123.com/p/mapdownload/

发表评论取消回复

表情：

评论列表（有 0 条评论，1024人围观）

还没有评论，来说两句吧...

相关阅读

相关百度地图离线版

<table> <tbody> <tr> <td style="vertical-align:top;"> <h2 style="margin-left:0p

忘是亡心i/ 2023年10月11日 15:23/ 0 赞/ 78 阅读

相关【百度API调用】离线地图V3.0制作

参考博客： [https://blog.csdn.net/wml00000/article/details/82219015][https_blog.csdn.net_wml

落日映苍穹つ/ 2022年11月21日 11:20/ 0 赞/ 594 阅读

相关 js 百度地图api

[百度地图JavaScript API][JavaScript API]是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支

拼搏现实的明天。/ 2022年06月10日 03:51/ 0 赞/ 411 阅读

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

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

墨蓝/ 2022年06月05日 08:20/ 0 赞/ 1025 阅读

相关 js+百度地图API

js与百度地图API实例： <div id='address'></div> <script src="http://api.map.baidu.com/ap

旧城等待，/ 2022年04月16日 03:59/ 0 赞/ 465 阅读

相关 JAVA 百度地图 API

唉。。已经无力吐槽废话。。直接进入正题吧。。第一次写。。如有不足之处请谅解。。哦对了。。我们这个是 web 端获取 API 的官方文档：[http://lbsyun.ba

你的名字/ 2022年02月24日 12:58/ 0 赞/ 649 阅读

相关制作百度地图离线JavaScript API加载本地瓦片地图

[制作百度地图离线JavaScript API加载本地瓦片地图][JavaScript API] 1.首先获取百度 JavaScript API 首先用浏览器打开 [h

Dear 丶/ 2021年11月14日 14:20/ 0 赞/ 651 阅读

相关百度离线地图研发--laravel框架

1. JS--API下载 1. 访问地址：[http://api.map.baidu.com/api?v=3.0][http_api.map.baidu.

「爱情、让人受尽委屈。」/ 2021年09月23日 23:42/ 0 赞/ 459 阅读

相关百度地图API实现地图应用

企业官网上需要用到地图应用，这里对百度地图API的使用做点笔记，好记性不如烂笔头。实现地图应用的流程如下： 1、获取密钥；教程网址 [https://jingyan.ba

灰太狼/ 2021年09月18日 10:22/ 0 赞/ 834 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 868 阅读