uniapp 使用插件

遇到的问题 ：uniapp 微信小程序 需要使用路线规划

解决问题：

1.需要申请 腾讯地图的key，小程序中>设置>第三方设置>申请开通腾讯位置服务后 下方会多一个插件管理模块***这里需要通过才能使用

点击详情会有插件的appid在下面添加插件中能用到

key配置的授权的appId 就是项目的appid

2在uniapp中的 manifest.json添加插件

可以参考 uniapp 加载插件官方的文档     微信官方插件使用文档

"mp-weixin" : {
        "appid" : "",//这是小程序的appid
        "usingComponents" : true,
        "permission" : {
            "scope.userLocation" : {
                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
            }
        },
		"plugins": {
			"routePlan": {//这里是引用的插件名称 地图路线规划
				"version": "1.0.8",//插件版本
				"provider": "wx50b5593e81dd937a"//插件appid
			}
		}
    },

3.在uniapp中的 pages.json使用插件

{
    "path": "",//你需要使用插件的页面
	"style": {
		"mp-weixin": {//微信插件
			"usingComponents": {//使用插件 我这里用的是地图路线规划
			    "routePlan": "plugin://routePlan/index"
                    //插件名称   //插件使用的路径
			}
		}
	}
}

4.在页面中使用地图规划插件

可以参考   腾讯地图使用文档

onLoad(){
    let plugin = requirePlugin('routePlan');
    let key = '';  //使用在腾讯位置服务申请的key
    let referer = '';   //调用插件的app的名称
    let endPoint = JSON.stringify({  //终点
        'name': '吉野家(北京西站北口店)',
        'latitude': 39.89631551,
        'longitude': 116.323459711
    });
    wx.navigateTo({
        url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' +             endPoint
    });
}

到这里就是全部了。

有什么问题可以提问