uniapp 移动端调起第三方地图(腾讯,百度,高德)并标注位置,进行导航

最新推荐文章于 2024-05-15 16:33:55 发布

MyName_G_Fly

最新推荐文章于 2024-05-15 16:33:55 发布

阅读量8.5k

点赞数 8

分类专栏： uniapp 文章标签：前端

本文链接：https://blog.csdn.net/qq_34430544/article/details/107005013

版权

uniapp 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

点击某个地方，调起下面的方法
方法要传入需要标注地点的纬度latitude，经度longitude，名字name

//打开第三方地图
			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("本机未安装指定的地图应用");
			                });
			            }
			        })
			    }
			}