离线版的百度地图 js
生活随笔
收集整理的這篇文章主要介紹了
离线版的百度地图 js
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
前言:最近公司要做個(gè)離線版的百度地圖,以完成客戶的需求。
demo下載 https://github.com/huangxiaolong1992/xh-map/tree/master/map查看了好多技術(shù)文章，推薦的都是水經(jīng)注瓦片下載器。
但是，吐槽下所推薦 水經(jīng)注瓦片下載器
- 1 圖片中帶有水印
- 2 下載瓦片只能下載到1-6個(gè)級(jí)別
這2點(diǎn)問題讓人絕望，除非付費(fèi)（這是用刀在割肉）
所以再此強(qiáng)烈推薦 百度瓦片地圖下載器
一、下載瓦片
可下載瓦片到1-18級(jí)別，無水印，關(guān)鍵是還免費(fèi)。
此處展示下載完的15個(gè)級(jí)別。
二、代碼
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>百度離線版DEMO</title> <script type="text/javascript" src="js/apiv1.3.min.js"></script> <!--script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script--> <link rel="stylesheet" type="text/css" href="bmap.css"/> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> </head> <body> <style> html,body{margin:0;padding:0 }</style> <div style="width:100%;height:100%;position:absolute;" id="container"></div></body> </html> <script type="text/javascript">var mapOptions = {//minZoom: 12, //地圖最小層級(jí)mapType: BMAP_NORMAL_MAP}var map = new BMap.Map("container", mapOptions); //設(shè)置衛(wèi)星圖為底圖BMAP_PERSPECTIVE_MAPvar initPoint = new BMap.Point(115.882551, 28.713486); // 創(chuàng)建點(diǎn)坐標(biāo) 此處為南昌的經(jīng)緯度map.centerAndZoom(initPoint,15); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別。map.enableScrollWheelZoom(); // 啟用滾輪放大縮小。map.enableKeyboard(); // 啟用鍵盤操作。 map.enableContinuousZoom(); //啟用連續(xù)縮放效果// ----- control -----//map.addControl(new BMap.NavigationControl()); //地圖平移縮放控件map.addControl(new BMap.ScaleControl()); //顯示比例尺在右下角// ----- maker -----addCabinMarker(initPoint);function addCabinMarker(point) { var cabinIcon = new BMap.Icon("./images/cabin.png", new BMap.Size(32, 37)); var cabinMarkerOptions = {icon: cabinIcon,enableDragging: true,draggingCursor: "move",title: ""}var cabinMarker = new BMap.Marker(point, cabinMarkerOptions); cabinMarker.setAnimation(BMAP_ANIMATION_DROP);map.addOverlay(cabinMarker);}</script>三。效果
總結(jié)：離線的百度地圖，只能呈現(xiàn)地圖的上的地位，如果需要得到當(dāng)前位置的具體地址，就需要請(qǐng)求互聯(lián)網(wǎng)的
http://api.map.baidu.com/?qt=rgc&x=12922828.9&y=4823386.36 這個(gè)接口。
總結(jié)
以上是生活随笔為你收集整理的离线版的百度地图 js的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： soap接口怎么不返回tuple pyt
- 下一篇： CentOS7 安装或迁移 wordpr