【Vue|uni-app 微信小程序获取当前定位】直接贴代码
// 位置授权
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
})
}
}
});
},
onShow() {
this.getAuthorizeInfo();
}
推荐阅读
- 前端|uniapp开发微信小程序利用腾讯地图实现定位功能
- axios|axios封装 —— 动态加载、数据缓存
- 计算机网络|【前端vue——系列6】vue连接摄像头并实现摄像头暂停，计时，截图到本地等功能
- vue|vue调用浏览器摄像头并实现拍照、下载到本地功能
- vue|vue pc端调用摄像头进行拍照并实现裁剪上传
- Vue里调用本地摄像头进行拍照(简单记录)
- Vue|Vue 3 迁移策略笔记—— 第20节（Props 的默认值函数不能访问this）
- vue|Vue2 迁 Vue3 踩过的一些坑（持续更新）
- vue 3初体验以及和vue 2的区别