腾讯地图+小程序导航页面接受参数
时间: 2023-05-31 11:05:56 浏览: 138
腾讯地图小程序导航页面可以接受以下参数:
1. 起点经纬度:startLat、startLng
2. 起点名称:startName
3. 终点经纬度:endLat、endLng
4. 终点名称:endName
5. 路线规划方式:mode(可选值:driving、walking、bicycling、transit)
6. 是否开启实时路况:trafficEnabled(可选值:true、false)
例如,可以在页面 onLoad 函数中获取传递的参数:
```javascript
onLoad: function(options) {
var startLat = options.startLat;
var startLng = options.startLng;
var startName = options.startName;
var endLat = options.endLat;
var endLng = options.endLng;
var endName = options.endName;
var mode = options.mode;
var trafficEnabled = options.trafficEnabled;
// ...
}
```
然后根据参数进行相应的处理,例如调用腾讯地图 API 进行路线规划和导航。
相关问题
腾讯地图+导航页面接收参数
腾讯地图导航页面接收的参数包括起点和终点的经纬度或地址、导航模式(驾车、步行、骑行、公交)、出行时间、是否避开拥堵等等。具体参数如下:
1. 起点经纬度或地址:start=经度,纬度或地址
2. 终点经纬度或地址:dest=经度,纬度或地址
3. 导航模式:type=driving(驾车)、walking(步行)、bicycling(骑行)、transit(公交)
4. 出行时间:time=YYYYMMDDHHmm(格式为年月日时分)
5. 避开拥堵:avoid=traffic(避开拥堵)
例如,要在腾讯地图上显示从北京市中关村到北京首都国际机场的驾车路线,可以使用以下链接:
https://apis.map.qq.com/tools/routeplan/redirect?start=39.9836,116.3044&dest=40.0786,116.5879&type=driving&key=YOUR_KEY
其中,39.9836,116.3044为中关村的经纬度,40.0786,116.5879为首都国际机场的经纬度,type=driving表示驾车模式,key为开发者申请的密钥。
微信小程序跳转腾讯地图导航功能接口接收参数
要实现微信小程序跳转腾讯地图导航功能,需要使用腾讯地图提供的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) // 标注点信息
})
```
阅读全文