onShow() {
if (uni.getStorageSync('user_location_info')) {
//2是区级
this.city = uni.getStorageSync('user_location_info').address[2];
//保存定位信息
this.latitude = uni.getStorageSync('user_location_info').latitude;
this.longitude = uni.getStorageSync('user_location_info').longitude;
} else {
//vuex中不存在地址数据--进行地址信息请求
this.getAuthorizeInfo();
this.getLocation()
}
},
methods: {
// 位置授权
getAuthorizeInfo(){
const that = this;
uni.authorize({
scope: 'scope.userLocation',
success() { // 允许授权
that.getLocationInfo();
},
fail(){ // 拒绝授权
that.openConfirm();
// console.log("你拒绝了授权,无法获得周边信息")
}
})
},
// 获取地理位置
getLocationInfo(){
uni.getLocation({
type: 'wgs84',
success (res) {
// console.log(res);
}
});
},
// 再次获取授权
// 当用户第一次拒绝后再次请求授权
openConfirm(){
uni.showModal({
title: '请求授权当前位置',
content: '需要获取您的地理位置,请确认授权',
success: (res)=> {
if (res.confirm) {
uni.openSetting();// 打开地图权限设置
} else if (res.cancel) {
uni.showToast({
title: '你拒绝了授权,无法获得周边信息',
icon: 'none',
duration: 1000
})
}
}
});
},
//首页获取定位
getLocation() {
this.loading = true;
uni.getLocation({
type: 'gcj02',
altitude: true,
success: res => {
//获取到当前经纬度,然后使用高德第三方接口 进行地理逆编码
this.restLocation(res.latitude, res.longitude);
}
});
},
//逆地理编码
restLocation(latitude, longitude) {
const ajaxUrl = 'https://restapi.amap.com/v3/geocode/regeo?key=f0ed1bf4fea7a5b6cf52780bd5fb846a&location=' + longitude + ',' + latitude + '&extensions=all&batch=false';
uni.request({
url: ajaxUrl,
method: 'GET',
success: res => {
this.nearbyAddress = [];
const {
data: { regeocode }
} = res;
this.city = regeocode.addressComponent.district;
}
});
},
}
uni-app 小程序授权获取当前位置信息
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- uni.getLocation用于获取当前用户的地理位置、速度。当用户离开小程序后,此接口无法调用。开启高精度定位...
- 背景:最近的项目正好用着了这个功能,记录一下微信小程序有个bug,一旦用户拒绝获取地理位置信息后,重新进入小程序不...