uniapp 微信小程序导航

登录小程序后台
http://mp.weixin.qq.com
打开 设置-> 第三方设置 -> 添加插件
搜索 腾讯位置服务路线规划 添加到小程序
在这里插入图片描述
在 uniapp manifest.json 文件中点击源码视图 ,在mp-weixin节点下增加

"plugins": {
	"routePlan": {
	"version": "1.0.12",
	"provider": "wx50b5593e81dd937a"
	}
}

增加权限设置

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

腾讯地图开放平台中创建应用,并申请key

因为地图内部已有位置授权的判断,所以不需要额外进行位置是否授权的判断

toMap(){
	let plugin = requirePlugin('routePlan');
	let key = '';  //使用在腾讯位置服务申请的key
	let referer = '';   //调用插件的app的名称
	let endPoint = JSON.stringify({  //终点
		'name': ""//目的地名称,
		'latitude': 0.000000//坐标,
		'longitude':0.000000//坐标 
	});
	uni.navigateTo({
		url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' + endPoint
	});
}

到此,可以在小程序中调起腾讯地图导航
如果地图提示

"请求来源未被授权, 解决方法见:https://lbs.qq.com/faq/serverFaq/webServiceKey。此次请求来源域名:servicewechat.com"

需要去腾讯地图开放平台,你的应用下,添加域名白名单 servicewechat.com


版权声明:本文为sea_cxc_gz原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。