實(shí)現(xiàn)思路:
H5頁面彈出彈窗選擇
選擇后跳轉(zhuǎn)對應(yīng)地圖的H5頁
讓地圖的H5頁喚起各自的APP
/**
* 根據(jù)地圖類型严拒、位置獲取不同的地圖頁面跳轉(zhuǎn)鏈接
* @param {*} mapType 地圖類型
* @param {*} location 經(jīng)緯度 lat:緯度 lng:經(jīng)度
* @param {*} address 詳細(xì)地址
*/
getMapApp (mapType,location, address) {
const { lat, lng } = location;
let url = '';
switch (mapType) {
case '騰訊地圖':
url = 'https://apis.map.qq.com/uri/v1/marker?marker=coord:' + lat + ',' + lng + ';addr:' + address + ';title:地址&referer=keyfree';
break;
case '高德地圖':
url = 'https://uri.amap.com/marker?position=' + lng + ',' + lat + '&name=' + address + '&callnative=1';
break;
case '百度地圖':
url = 'http://api.map.baidu.com/marker?location=' + lat + ',' + lng + '&title=地址&content=' + address + '&output=html&src=webapp.reformer.appname&coord_type=gcj02';
break;
default:
break;
}
returnurl;
}