0
点赞
收藏
分享

微信扫一扫

小程序腾讯地图插件的使用

40dba2f2a596 2022-03-11 阅读 69
小程序

在小程序的后天添加腾讯位置服务路线规划的插件

申请key:我的应用 (qq.com)

 

 

 

app.json代码块

"plugins": {
    "routePlan": {
      "version": "1.0.19",
      "provider": "wx50b5593e81dd937a"
    }
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    }
  }
.js的代码块

let plugin = requirePlugin('routePlan');
let key = 'JZFBZ-UYOKX-N3R4U-7HYPA-TYLYQ-GKFWY';  //使用在腾讯位置服务申请的key
let referer = '音乐';   //调用插件的app的名称
let endPoint = JSON.stringify({  //终点
  'name': '请输入终点',
  'latitude': 0.0,
  'longitude': 0.0
});

Page({
  onLoad:function(options){
    let _page = this;
    console.log(options)

    _page.setData({
      routeInfo: {
               startLat: parseFloat(options.latStart),    //起点经度 选填
               startLng: parseFloat(options.lngStart),    //起点纬度 选填
               startName: options.get_address,   // 起点名称 选填
                endLat: parseFloat(options.latEnd),    // 终点经度必传
                endLng: parseFloat(options.lngEnd),  //终点纬度 必传
            endName: options.give_address,  //终点名称 必传
             mode: "car"  //算路方式 选填
              }
    })

    wx.switchTab({
      url: '/pages/map/map',
    })

  },


  onShow:function(e){
    wx.navigateTo({
      url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
    });

  }
})

效果图

 

 

 

举报

相关推荐

0 条评论