小程序原生-地理定位功能介绍和实现
1. 地理定位功能介绍
小程序地理定位是指通过小程序开发平台提供的 API
,来获取用户的地理位置信息。用户在使用小程序时,可以授权小程序获取自己的地理位置信息。
相关的微信API接口如下:
wx.getLocation()
:获取当前的地理位置wx.chooseLocation()
:打开地图选择位置
申请开通:
暂时只对部分类目的小程序开放,需要先通过类目审核,然后在小程序管理后台,「开发」-「开发管理」-「接口设置」中自助开通该接口权限。
2. 使用步骤
-
在 app.json 中配置
requiredPrivateInfos
进行声明启用。 -
在调用
wx.getLocation()
时需要在 app.json 配置permission
字段,同时使用scope.userLocation
声明收集用户选择的位置信息的目的,wx.chooseLocation()
接口不需要配置该字段,可以直接进行调用 -
在配置好以后,调用
wx.getLocation()
和wx.chooseLocation()
接口
在 app.json
中进行配置
{
"requiredPrivateInfos": [
"getLocation",
"chooseLocation"
],
"permission": {
"scope.userLocation": {
"desc": "获取用户位置信息用于填写收货地址"
}
}
}
getLocation 使用:
// 地理定位
async onLocation() {
// 获取 纬度 、精度
const { latitude, longitude } = await wx.getLocation()
console.log(location)
}
chooseLocation 使用:
// 地理定位
async onLocation() {
// 打开地图选择位置,获取 纬度 、精度
const { latitude, longitude } = await wx.chooseLocation()
console.log(res)
}