欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序(路线规划)插件的接入

程序员文章站 2024-02-11 17:09:46
...

腾讯地图提供包括驾车、步行、公交等多种方式的路线规划服务,主要用于路线显示,和较为轻型的路线应用。 路线规划不同于导航,它并不提供语音指引用户到目的地的功能,因而它更加轻量易用,适用场景更为广泛,如微信发送位置的路线显示,大众点评在地图页的路线功能等。

引入成功后运行的效果图:

代码在第三张图片下面

微信小程序(路线规划)插件的接入
微信小程序(路线规划)插件的接入

微信小程序(路线规划)插件的接入

申请流程:
第一步、登录腾讯位置服务
第二部、验证手机 与 邮箱前往验证
第三步、申请开发秘钥(Key)必须立即前往

申请好后就可以开始引入插件了:
1.在app.josn(一定要在app.josn中写入)

// app.json
{
  "plugins": {
    "routePlan": {
      "version": "1.0.5",
      "provider": "wx50b5593e81dd937a"
    }
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息用于发送定位"
    }
  },
}

在需要引入的页面js里写入:

onLoad: function () {
    let plugin = requirePlugin('routePlan');
    let key = '~~SPCBZ-RLMLU-**************O6UE3-SOBRQ'~~ ;  //使用在腾讯位置服务申请的key
    let referer = '测试';   //调用插件的小程序的名称
    let startPoint = JSON.stringify({     //起点
      'name': '中国技术交易大厦',
      'latitude': 39.984154,
      'longitude': 116.30749
    });
    let endPoint = JSON.stringify({     //终点
      'name': '北京西站',
      'latitude': 39.894806,
      'longitude': 116.321592
    });
    wx.navigateTo({
      url: 'plugin://routePlan/route-plan?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
    });
  },
相关标签: 微信小程序