上次做了一個谷歌地圖離線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.其它功能沒有測試。
感興趣的朋友可以一起討論,學習。