`
king_tt
  • 浏览: 2100154 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

百度地图离线API及地图数据下载工具-尝鲜篇

 
阅读更多

上次做了一个谷歌地图离线API和地图数据下载工具,详见:http://www.cnblogs.com/liongis/archive/2012/04/27/2474194.html

有朋友问是否可以做一个百度地图的离线包,最近抽空弄了弄,花了半天的时间,终于搞出来了,不过目前还有点问题,在IE浏览器下运行有点问题,在谷歌浏览器下显示没有问题。

离线包中已经包含4-6级中国地区的数据,暂时没有影像和三维的。

代码如下:

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>百度离线版DEMO</title>
 6 <script type="text/javascript" src="js/apiv1.3.min.js"></script>
 7 <!--script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script-->
 8 <link rel="stylesheet" type="text/css" href="bmap.css"/>
 9 </head>
10 <body>
11 <div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
12 </body>
13 </html>
14 <script type="text/javascript">
15 var map = new BMap.Map("container",{mapType: BMAP_NORMAL_MAP});      //设置卫星图为底图
16 var point = new BMap.Point(116.404, 39.915);    // 创建点坐标
17 map.centerAndZoom(point,5);                     // 初始化地图,设置中心点坐标和地图级别。
18 
19 //map.addControl(new BMap.MapTypeControl());
20 map.addControl(new BMap.NavigationControl());
21 map.enableScrollWheelZoom();                  // 启用滚轮放大缩小。
22 map.enableKeyboard();                         // 启用键盘操作。  
23 //map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
24 </script>
复制代码

js目录下的apijs1.3.min.js为百度地图的离线包

maptile目录为4-6级中国地区的地图数据,数据存储的方式为z/x/y

如果朋友觉得现在的地图数据太少的话,可以使用下面的百度地图数据下载工具进行下载:

下载界面:

把下载完的数据放到maptile目录下即可浏览到。

郑重申明:地图数据归地图提供商所有,本程序只为学习使用。

百度地图离线包下载地址:BaiduMapV1.3.zip

百度地图数据下载工具下载地址:MapCacheV0.1.zip

这个版本只是一个尝试,还存在一些问题:

1.IE下不能正常显示地图。

2.离线数据只支持地图,影像和三维还不支持。

3.其它功能没有测试。

感兴趣的朋友可以一起讨论,学习。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics