uniapp app端调起google地图app，传参导航到对应位置

最新推荐文章于 2025-02-22 18:20:28 发布

襄阳老农

最新推荐文章于 2025-02-22 18:20:28 发布

阅读量3.6k

点赞数 5

分类专栏： uniapp google地图app 文章标签： ios webview android

本文链接：https://blog.csdn.net/weixin_43877778/article/details/123392493

版权

uniapp 同时被 2 个专栏收录

3 篇文章

订阅专栏

google地图app

1 篇文章

订阅专栏

该博客介绍了如何在Android和iOS平台上通过代码调用Google Maps进行导航，当用户设备上没有安装Google Maps时，提示用户从应用市场下载。代码示例展示了如何根据设备类型构建导航URL并处理未安装应用的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要功能：app内调起google地图app，传递终点经纬度，并导航到终点

效果图

1.代码

/**
    latLng   String   例如：'31.1443439,121.808273'
 */
navGoogleMap(latLng) {
	let that = this
	// 应用地址
	let url = ''
	// android 包名
	let pname = ''
	// ios id
	let appid
	if (plus.os.name == 'Android') {
		plus.nativeUI.actionSheet({
			title: '选择地图应用',
			cancel: '取消',
			buttons: [{
				title: '谷歌地图'
			}]
		}, function(e) {
			switch (e.index) {
				case 1:
					url = 'google.navigation:q=' + latLng
					pname = 'com.android.vending'
					break;
			}
			if (url) {
				plus.runtime.openURL(url, function() {
					plus.nativeUI.actionSheet({
						title: '应用市场',
						cancel: '取消',
						buttons: [{
							title: '应用市场'
						}]
					}, function({
						index
					}) {
						switch (index) {
							case 1:
								plus.runtime.openURL('market://details?id=' + pname,
									function() {
										plus.nativeUI.alert('本机未安装指定的应用');
									})
						}
					})
				});
			}
		});
	} else {
		plus.nativeUI.actionSheet({
			title: '选择地图应用',
			cancel: '取消',
			buttons: [{
				title: '谷歌地图'
			}]
		}, function(e) {
			switch (e.index) {
				case 1:
					url = 'comgooglemaps://?saddr=&daddr=' + latLng
					appid = 585027354
					break;
				default:
					break;
			}
			if (url != '') {
				plus.runtime.launchApplication({ action: url }, function(err) {
					plus.nativeUI.actionSheet({
						title: '应用市场',
						cancel: '取消',
						buttons: [{
							title: '应用市场'
						}]
					}, function({
						index
					}) {
						switch (index) {
							case 1:
								plus.runtime.openURL(
									`itms-apps://itunes.apple.com/cn/app/id${appid}?mt=8')`,
									function() {
										plus.nativeUI.alert('本机未安装指定的应用');
									})
						}
					})
				});
			}
		});
	}
}

开发流程：

1.首先判断手机版本 android、ios

2.点击跳转google地图app时，如果手机有google地图app，会直接跳转，如果没有这个app，会进入回调函数，在这里面提示让客户去应用市场下载google地图app，如图