在uni-app中使用腾讯位置服务注意事项

838 阅读1分钟

在uni-app中使用微信位置服务

有些项目中需要用到定位或者路线的规划那么势必就需要使用地图的定位功能

本文使用的是uni-app作为微信小程序的开发框架,使用的是腾讯位置服务做选点定位

在做定位之前需要做的几件事

首先 在腾讯位置服务 的控制台=> 我的应用中 创建一个key 值

需要勾选的WebServiceAPI 和 微信小程序

创建key

然后在小程序的后台中添加插件

cmd-markdown-logo

接下来 在uni-app项目中做配置

由于uni-app中不存在app.json 因此需要在manifest.json文件中做配配置

首先在微信小程序配置中勾选位置接口

cmd-markdown-logo

接下来找到源码视图 在 小程序特有相关中做以下配置

"mp-weixin": {
		"plugins": {
			"chooseLocation": {
				"version": "1.0.5",
				"provider": "wx76a9a06e5b4e693e"
			}
		},
		"permission": {
			"scope.userLocation": {
				"desc": "你的位置信息将用于小程序定位"
			}
		}
	},

最后就可以在页面中调用了

const key = ''; //使用在腾讯位置服务申请的key
const referer = ''; //调用插件的app的名称
const location = JSON.stringify({
  latitude: 39.89631551,
  longitude: 116.323459711
});
const category = '生活服务,娱乐休闲';
 
wx.navigateTo({
  url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category=' + category
});