小程序地圖導航功能實現（勾起使用外部高德或者騰訊地圖）

原理就是：使用sdk 解析地址成經緯，再喚起小程序地圖解析，而後經過這個選擇使用外部的地圖軟件。

首先使用：先去下載騰訊地圖sdk，將其引用。

第一步：

var QQMapWX = require('../../map/qqmap-wx-jssdk.min.js');

const wxMap = new QQMapWX({

key: '*********' // 必填

});

 

 

第二步：解析地址

 

//解析地址爲經緯

detaiAddress: function (e) {

var that = this;

wxMap.geocoder({

//獲取表單傳入地址

address: '廣州大舜麗池國際酒店', //地址參數，例：固定地址，address: '北京市海淀區彩和坊路海淀西大街74號'

success: function (res) { //成功後的回調

console.log(res);

var res = res.result;

var latitude = res.location.lat;

var longitude = res.location.lng;

that.data.returnDetail = res.title;

that.lunchMap(latitude, longitude); //喚起地圖

},

fail: function (error) {

console.error(error);

},

complete: function (res) {

console.log(res);

}

})

},

 

第三步，喚起小程序內置地圖

//喚起地圖

lunchMap: function (latitude, longitude) {

var that = this;

wx.openLocation({

latitude: latitude, // 緯度，浮點數，範圍爲90 ~ -90

longitude: longitude, // 經度，浮點數，範圍爲180 ~ -180。

name: '大舜麗池國際酒店', // 地圖上顯示的位置名

address: '', // 地址詳情說明

scale: 1, // 地圖縮放級別,整形值,範圍從1~28。默認爲最大

infoUrl: '' // 在查看位置界面底部顯示的超連接,可點擊跳轉

});

},

最後：