如何制作多途經(jīng)點(diǎn)的線路導(dǎo)航?
毛毛
一、創(chuàng)建地圖 API1/?v=
1.2"> 創(chuàng)建一張簡(jiǎn)單的地圖: var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(11
6.404, 3
9.915), 13); 然后為地圖加上一些合適的控件: map.addControl(new BMap.NavigationControl()); // 添加平移縮放控件 map.addControl(new BMap.ScaleControl()); // 添加比例尺控件 map.addControl(new BMap.OverviewMapControl()); //添加縮略地圖控件 也可以使用localsearch類的search方法。這個(gè)可以隨意。 找到坐標(biāo)點(diǎn)之后,創(chuàng)建三個(gè)點(diǎn)對(duì)象。 var myP1 = new BMap.Point(10
6.521436,2
9.532288); //起點(diǎn)-重慶 var myP2 = new BMap.Point(10
8.983569,3
4.285675); //終點(diǎn)-西安 var myP3 = new BMap.Point(11
6.404449,3
9.920423); //終點(diǎn)-北京
二、創(chuàng)建一個(gè)駕車導(dǎo)航和兩個(gè)駕車搜索 用這句話就可以創(chuàng)建駕車導(dǎo)航啦。 var driving = new BMap.DrivingRoute(map); //創(chuàng)建駕車實(shí)例 然后寫兩個(gè)搜索方法: 第一個(gè)是搜索從重慶到西安的,第二個(gè)是從西安到北京的。 driving.search(myP1, myP2); //第一個(gè)駕車搜索 driving.search(myP2, myP3); //第二個(gè)駕車搜索
三、自己繪制折線 接下來(lái),在回調(diào)函數(shù)setSearchCompleteCallback中,把搜索完畢的路線繪制出來(lái)。 注意,這里是兩個(gè)搜索的路線都繪制出來(lái)了~~ 第一句、獲取數(shù)組 第二句、創(chuàng)建折線 第三句、添加折線覆蓋物 driving.setSearchCompleteCallback(function(){ var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通過(guò)駕車實(shí)例,獲得一系列點(diǎn)的數(shù)組 var polyline = new BMap.Polyline(pts); map.addOverlay(polyline);}。
淇寶2
2021-09-23 17:53:14 875查看 1回答
亞克力方格
2021-09-23 17:53:14 740查看 1回答
2021-09-23 17:53:14 588查看 0回答
毛毛
2021-09-23 17:53:14 606查看 1回答
2021-09-23 17:53:14 630查看 0回答
月色
2021-09-23 17:53:14 704查看 1回答
賺錢8888
2021-09-23 17:53:14 1183查看 1回答
2021-09-23 17:53:14 620查看 0回答
2021-09-23 17:53:14 670查看 0回答
2021-09-23 17:53:14 567查看 0回答