html5實現(xiàn)地圖上定位導(dǎo)航路線
花和星星?
1.先去通過拾取坐標(biāo)系統(tǒng)獲得點位的坐標(biāo)鏈接在網(wǎng)頁的<head>中插入API引用腳本。<script type="text/javascript" src="鏈接"></script>
3.在網(wǎng)頁的</body>之后</>之前插入地圖顯示代碼
4.設(shè)置顯示地圖的div的id為“dituContent”,即添加 id="dituContent" 由于jqm的div的高度都是根據(jù)內(nèi)容自由放大的,所以為了地圖能正常顯示,還需要增加一個高度值,一般情況600px就可以注意事項:
1. var nt = new BMap.Point(120.524011,3
6.395728); 這是定義中心指路人地圖標(biāo)注服務(wù)中心坐標(biāo)
2. map.centerAndZoom(nt,15); 這個據(jù)我調(diào)試 應(yīng)該是控制地圖比例縮放的
3. window.setTimeout(function(){map.panTo(nt);}, 1000);注意了 一般的demo是沒有這個東西滴,所以呢當(dāng)跳轉(zhuǎn)到地圖的頁面時候 是不會顯示你標(biāo)注的中心點的 但是由于我的聰明和機(jī)智 各種裝孫子求助大神 才得知了這個大神不削一顧的屬性 :設(shè)定地圖加載后1秒調(diào)至中心點 。。最后強(qiáng)調(diào)下 低調(diào) 一定要低調(diào)。。。
4. function createIcon(on){ var icon = new BMap.Icon("images/map_icon.png", new BMap.Size(on.w,on.h),{imageOffset: new BMap.Size(-on.l,-on.t),infoWindowOffset:new BMap.Size(on.lb+5,1),offset:new BMap.Size(on.x,on.h)}) return icon; } 這里就是創(chuàng)建一個icon
5. var markerArr = [{title:"西程村",content:"青島市即墨市藍(lán)鰲路 電話:123123123213",nt:"120.524011|3
6.395728",isOpen:0,icon:{w:32,h:32,l:0,t:0,x:6,lb:5}}]; 這里呢 就是設(shè)置標(biāo)注的信息
2021-09-23 17:37:38 1120查看 0回答
陌然淺笑
2021-09-23 17:38:22 1275查看 1回答
巧克力
2021-09-23 17:38:49 566查看 1回答
琰曉寒
2021-09-23 17:39:29 453查看 4回答
明明
2021-09-23 17:39:46 515查看 2回答
宏玲
2021-09-23 17:46:21 834查看 3回答
十七
2021-09-23 17:46:21 594查看 2回答
珺珺珺
2021-09-23 17:50:24 379查看 2回答
2021-09-23 17:51:32 451查看 2回答
2021-09-23 17:54:24 396查看 0回答