微信小程序跳转腾讯地图导航功能接口接收参数
时间: 2023-12-10 18:02:44 浏览: 438
要实现微信小程序跳转腾讯地图导航功能,需要使用腾讯地图提供的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) // 标注点信息
})
```
阅读全文