怎么将小程序跳转小程序“腾讯地图+”进行导航

前沿

也没什么前沿不前沿的,只是说一下感受,之前有个有关停车项目有个坑爹的需求,需要获取用户定位信息并且获取用户终点位置信息,点击按钮后再跳转到其他导航小程序,让用户可以直接在小程序中进行导航,而不需要跳转app这么麻烦,因为客户在别的小程序里面看到有这个功能,所以自己也想做一个,想着别人都能做出来,网上或官网应该有相关的资料,结果搜了找了一个上午,找不到啊…我怒了,然后就逼得我不得不反编译那个参考的小程序(怎么反编译?网上一搜一大把),好了,反编译出来终于被我找到了%>_<%

找到导航小程序的appid

我个人是使用的是腾讯地图+这个小程序的,因为客户给到的参考小程序跳转的导航小程序就是这个,所以我就直接使用腾讯地图+了,要是别的导航小程序,你叫我哪找这个导航小程序的链接地址啊

设置appid

在设置文件里面设置导航小程序的appid,因为我使用的是uniapp这个框,所以我是在manifest.json这个文件里面修改的,如果是原生小程序的话,就需要在app.json文件里面修改就可以了
在这里插入图片描述

调用小程序

之后在相应要跳转的页面中加入下面的代码,就大功告成了(经纬度是乱写的)

toNavigation(){
	var o = {
		name: '医院',
		location: {
			lat: '23.9949123',
			lng: '103.8622452'
		}
	};
	uni.navigateToMiniProgram({
		appId: 'wx7643d5f831302ab0',
		path:"pages/multiScheme/multiScheme?endLoc=" + JSON.stringify(o) + "&qbMode=0",
		success(res) {
			// 打开成功
		}
	})
},
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
要实现微信小程序跳转腾讯地图导航功能,需要使用腾讯地图提供的URL Scheme。下面是一个示例URL: ``` https://apis.map.qq.com/uri/v1/marker?marker=coord:39.984154,116.307490;title:我的位置&referer=myapp ``` 其中,参数marker表示标注点信息,包括经纬度和标题。referer表示来源应用的名称,可以自定义。 如果需要导航功能,需要在URL中添加参数: ``` type=drive ``` 表示导航方式为驾车导航。其他导航方式的参数值为: - drive:驾车导航 - bus:公交导航 - walk:步行导航 - bike:骑行导航 可以根据需要选择合适的导航方式。 在小程序中,可以使用wx.navigateToMiniProgram打开腾讯地图小程序,并传递参数。示例代码如下: ``` wx.navigateToMiniProgram({ appId: 'wxbb8a5dcb3c3a7703', // 腾讯地图小程序appId path: 'pages/map/index', // 打开的面路径 extraData: { type: 'drive', // 导航方式 marker: 'coord:39.984154,116.307490;title:我的位置' // 标注点信息 }, success(res) { // 打开成功 }, fail(res) { // 打开失败 } }) ``` 在腾讯地图小程序中,可以使用getApp()方法获取小程序实例,然后通过this.getOpenerEventChannel()方法获取打开该小程序的事件通道,从而获取传递的参数。示例代码如下: ``` const app = getApp() const eventChannel = app.getOpenerEventChannel() eventChannel.on('extraData', function(data) { console.log(data.type) // 导航方式 console.log(data.marker) // 标注点信息 }) ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值