在微信小程序中使用腾讯位置服务路线规划插件

1、添加插件

在小程序中引入插件，进入微信公众号平台，在设置中找到第三方设置，在插件管理中添加插件。搜索到腾讯位置服务路线规划插件，点击添加，同时打开该插件的详情，在里面查找到该插件的AppID与版本号。

2、在app.json代码中引入插件包

// app.json
{
  "plugins": {
    "routePlan": {
      "version": "1.0.12",
      "provider": "wx50b5593e81dd937a"
    }
  }
}

3、在app.json代码中设置定位授权：

// app.json
{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    }
  }
}

4、使用插件

在你绘制地图的页面的js文件中使用插件

let plugin = requirePlugin('routePlan');
let key = '';  //使用在腾讯位置服务申请的key
let referer = '';   //调用插件的app的名称
let endPoint = JSON.stringify({  //终点
  'name': '北京西站',
  'latitude': 39.894806,
  'longitude': 116.321592
});
// 还可以拼接navigation参数，navigation=1代表显示导航按钮，为0代表不显示导航按钮
wx.navigateTo({
  url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
});

相关参数说明

属性	必填	类型	说明
key	是	string	调用路线规划插件需要申请腾讯位置服务的服务账号，key是开发者的唯一标识。
referer	是	string	调用来源，一般为您的应用名称，请务必填写！
endPoint	是	string	终点
startPoint	否	string	起点, 如果不传起点参数，则起点默认当前用户的真实定位
mode	否	string	默认出行规划方式，目前支持三种方式：driving（驾车）、transit（公交）、walking（步行），不传则默认发起驾车规划
navigation	否	number	值为1时，开启驾车导航功能；默认不开启此功能
themeColor	否	string	插件主题色，16进制色值，默认是#427CFF

endPoint 说明

属性	必填	类型	说明
name	是	string	位置名称
latitude	是	number	纬度
longitude	是	number	经度
poiid	否	string	终点POI ID（可通过腾讯位置服务地点搜索服务得到），当目的地为较大园区、小区时，会以引导点做为终点（如出入口等），体验更优。

5、最终效果图