uniapp APP/微信小程序拉起导航_uni-app 小程序拉起导航-CSDN博客

本文链接：https://blog.csdn.net/Someone_like_U_/article/details/119939959

本文介绍了在uniapp开发的APP和微信小程序中如何配置并使用地图导航功能。对于Android，通过plus.runtime.openURL调用高德地图，并处理未安装地图应用的情况。在iOS端同样调用相应地图应用，利用manifest.json配置urlschemewhitelist。微信小程序中，使用wx.openLocation打开定位。

摘要由CSDN通过智能技术生成

针对uniapp开发的app/微信小程序需要拉起导航

####首先需要配置manifest.json中的地图模块

![请添加图片描述](https://img-blog.csdnimg.cn/d72910a862264efab3882eb7d9b3de0f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBARW5qb3lCZWF1dGlmdWxMaWZl,size_19,color_FFFFFF,t_70,g_se,x_16)

APP端

if (plus.os.name == 'Android') {
	//判断是安卓端
	plus.nativeUI.actionSheet({
			//选择菜单
			title: '选择地图应用',
			cancel: '取消',
			buttons: [{
				title: '高德地图'
			}]
		},
		function(e) {
			switch (e.index) {
				// 	break;
				case 1:
					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: '高德地图'
			}]
		},
		function(e) {
			switch (e.index) {
				case 1:
					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('本机未安装指定的地图应用');
				});
			}
		}
	);
}

微信小程序

/**
	* @description: 打开高德地图
	  * @author: hst
*/
	openGuide(item) {
		//  微信小程序
		// #ifdef MP-WEIXIN
			console.log('走的这里', item);
			wx.openLocation({
				latitude: +item.latitude, // 纬度
				longitude: +item.longitude, // 经度
				name:item.address,				// 地址名称
				address:item.address,		// 详细地址
				success:function(r){
					console.log(r)
				},
				fail: function (res) {
					console.log('拉起失败啦', res)
				}
			})
		// #endif
		
	},