uniapp微信小程序腾讯地图导航

蠢北

于 2024-05-15 16:33:55 发布

阅读量347

点赞数 4

分类专栏： uniapp 文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_60485359/article/details/138912946

版权

uniapp 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、扫码登录微信公众平台

设置 —— 添加插件 —— 添加 —— 复制appid

二、腾讯地图申请 key

腾讯位置服务 - 立足生态，连接未来 (qq.com)

登录后点击右上角控制台 —— 应用管理 —— 我得应用 —— 创建应用 —— 添加key

三、在项目中找到 manifest.json 源代码

"plugins": {
	"routePlan": {
		"version": "1.0.18",
		"provider": "刚刚复制得appid"
	}
},
"permission": {
	"scope.userLocation": {
		"desc": "你的位置信息将用于小程序定位"
	}
}

在需要导航得页面

openMap: function(data) {
    let plugin = requirePlugin('routePlan');
    let key = '腾讯位置服务申请的key';
    let referer = 'seeker';
    let endPoint = JSON.stringify({
        'name': data.sendAddress,
        'latitude': data.lat,
        'longitude': data.lng
    });
    wx.navigateTo({
        url: 'plugin://routePlan/index?key=' + key + '&referer=' + referer + '&endPoint=' +
						endPoint +
						'&navigation=1'
    })
}