详见:码云小程序demo1
1.wxml
:
<button wx
:if="{{isok}}" bindtap
="getAddress">获取定位
</button
>
<!-- 先显示提示框要求用户给予权限
-->
<button wx
:else bindtap
="getAddress1">获取定位
</button
>
<!-- 如果用户拒绝,则显示此框,点击弹到设置页面
-->
2.app
.json
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
3.js
:
import Router
from '../../utils/index'
Router({
data
: {
isok
: true
},
getAddress() {
wx
.getLocation({
success
: ({
latitude
,
longitude
}) => {
console
.log(latitude
, longitude
);
},
fail
: () => {
this.$msg('为了不影响您的使用,请授权定位')
this.$
set('isok', false)
}
})
},
getAddress1() {
wx
.openSetting({
success
: (res
) => {
if (res
.authSetting
["scope.userLocation"]) {
this.$
set('isok', true)
wx
.getLocation({
success
: ({
latitude
,
longitude
}) => {
console
.log(latitude
, longitude
);
}
})
} else {
this.$msg('为了不影响您的使用,请授权定位')
}
}
})
},
})
转载请注明原文地址:https://tech.qufami.com/read-1587.html