uniapp获取当前位置 在后台时依旧能够持续获取 demo
时间: 2023-11-28 12:03:43 浏览: 73
好的,关于获取当前位置,你可以使用uni-app提供的API:uni.getLocation()。该API可以获取当前设备的地理位置信息。但是需要注意的是,如果你想在后台时依旧能够持续获取位置信息,需要在manifest.json文件中配置相关权限。
以下是一个获取当前位置并在后台持续获取的demo:
1. 在manifest.json文件中添加定位权限:
```
"permissions": {
"location": {
"desc": "获取位置信息"
}
}
```
2. 在需要获取位置信息的页面中,调用uni.getLocation()API,并设置options参数中的type为wgs84:
```
uni.getLocation({
type: 'wgs84',
success: function(res) {
console.log('当前位置的经度为:' + res.longitude);
console.log('当前位置的纬度为:' + res.latitude);
},
fail: function(res) {
console.log('获取位置信息失败');
}
});
```
3. 在App.vue中添加onShow生命周期方法,以确保在后台时依旧能够持续获取位置信息:
```
onShow: function() {
console.log('App Show');
var that = this;
uni.startLocationUpdateBackground({
success: function(res) {
console.log('后台定位开启成功');
uni.onLocationChange(function(res) {
console.log('当前位置的经度为:' + res.longitude);
console.log('当前位置的纬度为:' + res.latitude);
});
},
fail: function(res) {
console.log('后台定位开启失败');
}
});
},
```
通过以上步骤,你就可以在uni-app中获取当前位置,并在后台时依旧能够持续获取位置信息了。
阅读全文