關(guān)于插件下載站欺、插件安裝、獲取key纤垂、封裝插件詳情請(qǐng)參考http://www.reibang.com/p/85aceaee3b35
下面主要說(shuō)說(shuō)我運(yùn)用的過(guò)程(個(gè)人理解矾策,有誤的地方歡迎小伙伴指出隨時(shí)修正)
要完成的效果如下
待勘察頁(yè)面點(diǎn)擊地址——轉(zhuǎn)到搜索地點(diǎn)頁(yè)面——再到定位頁(yè)面——再到導(dǎo)航頁(yè)面
過(guò)程淺談:
在勘察頁(yè)面ts文件里把地址傳過(guò)去。
在搜索地址頁(yè)面ts文件里get地址峭沦,并且初始化地址查詢(xún)插件贾虽。進(jìn)入頁(yè)面時(shí)返回地址列表。
點(diǎn)擊地址列表項(xiàng)時(shí)跳轉(zhuǎn)到地址定位頁(yè)面locationPage,并把地址信息item傳過(guò)去
在地址定位頁(yè)面location.ts吼鱼,獲取傳過(guò)來(lái)的地址信息
頁(yè)面初始化時(shí)加載地圖蓬豁,然后定位。
點(diǎn)擊頁(yè)面里的“去哪里按鈕”蛉抓,跳轉(zhuǎn)到導(dǎo)航頁(yè)面庆尘,并且把導(dǎo)航方式和目標(biāo)地址信息傳過(guò)去。
mapNavigation(navigationType) { //1駕車(chē),2公交,3步行
let markerData = this.marker.getExtData(); //desPosition()方法里把地址信息item賦給了this.marker.extData
if(!markerData||!markerData.location){
this.nativeService.showToast('請(qǐng)先搜索要去的地點(diǎn)');
return;
}
let modal = this.modalCtrl.create(NavigationModalPage, {'navigationType': navigationType, 'markerLocation': {'lng': markerData.location.lng, 'lat': markerData.location.lat}});
modal.present();
}
在導(dǎo)航頁(yè)面巷送,首先獲取導(dǎo)航方式(1駕車(chē),2公交,3步行)navigationType和目標(biāo)地址信息markerLocation
進(jìn)入導(dǎo)航頁(yè)面時(shí)根據(jù)導(dǎo)航方式驶忌,起始和目標(biāo)地址信息進(jìn)行導(dǎo)航。
注意:定位和導(dǎo)航方法封裝在nativeService.ts