irpas技术客

uni 高德url_uniapp 移动端app调用高德,百度,腾讯地图_大图都

irpas 5523

toMapAPP(latitude,longitude,name){

let url= "";if (plus.os.name == "Android") {//判断是安卓端

plus.nativeUI.actionSheet({//选择菜单

title: "选择地图应用",

cancel:"取消",

buttons: [{title:"腾讯地图"},{title: "百度地图"}, {title: "高德地图"}]

},function(e) {switch(e.index) {//下面是拼接url,不同系统以及不同地图都有不同的拼接字段

case 1://注意referer=xxx的xxx替换成你在腾讯地图开发平台申请的key

url = `qqmap://map/geocoder?coord=${latitude},${longitude}&referer=xxx`;

break;case 2:

url= `baidumap://map/marker?location=${latitude},${longitude}&title=${name}&coord_type=gcj02&src=andr.baidu.openAPIdemo`;

break;case 3:

url= `androidamap://viewMap?sourceApplication=appname&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`;

break;default:break;

}if (url != "") {

url=encodeURI(url);//plus.runtime.openURL(url,function(e){})调起手机APP应用

plus.runtime.openURL(url, function(e) {

plus.nativeUI.alert("本机未安装指定的地图应用");

});

}

})

}else{//iOS上获取本机是否安装了百度高德地图,需要在manifest里配置

//在manifest.json文件app-plus->distribute->apple->urlschemewhitelist节点下添加

//(如urlschemewhitelist:["iosamap","baidumap"])

plus.nativeUI.actionSheet({

title:"选择地图应用",

cancel:"取消",

buttons: [{title:"腾讯地图"},{title: "百度地图"}, {title: "高德地图"}]

},function(e) {switch(e.index) {case 1:

url= `qqmap://map/geocoder?coord=${latitude},${longitude}&referer=xxx`;

break;case 2:

url= `baidumap://map/marker?location=${latitude},${longitude}&title=${name}&content=${name}&src=ios.baidu.openAPIdemo&coord_type=gcj02`;

break;case 3:

url= `iosamap://viewMap?sourceApplication=applicationName&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`;

break;default:break;

}if (url != "") {

url=encodeURI(url);

plus.runtime.openURL(url,function(e) {

plus.nativeUI.alert("本机未安装指定的地图应用");

});

}

})

}

},


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #uni #高德url_uniapp #移动端app调用高德 #百度 #腾讯地图 #longitude #namelet