關(guān)于插件下載、插件安裝、獲取key、封裝插件詳情請參考http://www.itdecent.cn/p/85aceaee3b35

下面主要說說我運(yùn)用的過程（個(gè)人理解，有誤的地方歡迎小伙伴指出隨時(shí)修正）

要完成的效果如下

待勘察頁面點(diǎn)擊地址——轉(zhuǎn)到搜索地點(diǎn)頁面——再到定位頁面——再到導(dǎo)航頁面

過程淺談：

在勘察頁面ts文件里把地址傳過去。

在搜索地址頁面ts文件里get地址，并且初始化地址查詢插件。進(jìn)入頁面時(shí)返回地址列表。

點(diǎn)擊地址列表項(xiàng)時(shí)跳轉(zhuǎn)到地址定位頁面locationPage,并把地址信息item傳過去

在地址定位頁面location.ts，獲取傳過來的地址信息

頁面初始化時(shí)加載地圖，然后定位。

點(diǎn)擊頁面里的“去哪里按鈕”，跳轉(zhuǎn)到導(dǎo)航頁面，并且把導(dǎo)航方式和目標(biāo)地址信息傳過去。

mapNavigation(navigationType) { //1駕車,2公交,3步行

let markerData = this.marker.getExtData(); //desPosition()方法里把地址信息item賦給了this.marker.extData

if(!markerData||!markerData.location){

this.nativeService.showToast('請先搜索要去的地點(diǎn)');

return;

}

let modal = this.modalCtrl.create(NavigationModalPage, {'navigationType': navigationType, 'markerLocation': {'lng': markerData.location.lng, 'lat': markerData.location.lat}});

modal.present();

}

在導(dǎo)航頁面，首先獲取導(dǎo)航方式（1駕車,2公交,3步行）navigationType和目標(biāo)地址信息markerLocation

進(jìn)入導(dǎo)航頁面時(shí)根據(jù)導(dǎo)航方式，起始和目標(biāo)地址信息進(jìn)行導(dǎo)航。

注意：定位和導(dǎo)航方法封裝在nativeService.ts