uniapp按钮点击获取当前经纬度
时间: 2024-09-30 21:09:47 浏览: 31
UniApp是一个跨平台的前端框架,用于构建原生应用。如果你想在uni-app中获取用户设备的当前经纬度,你可以使用uni-app提供的`uni.getLocation` API。这是一个简单的步骤:
1. 首先,在需要获取经纬度的地方,导入必要的API模块:
```javascript
import { getLocation } from '@dcloudio/uni-app-plus/api/geolocation'
```
2. 然后,创建一个异步函数,请求用户的地理位置权限并获取经纬度:
```javascript
async getLocationPermission() {
try {
const result = awaitgetLocation({
type: 'gcj02', // 使用高德坐标系,默认也可以不设置
enableHighAccuracy: true, // 是否使用高精度定位,默认true
timeout: 10000, // 超时时间,单位毫秒,默认2000
})
if (result.error) {
console.error('获取位置失败:', result)
} else {
const { latitude, longitude } = result.position;
console.log('当前经纬度:', { latitude, longitude });
// 这里可以将经纬度用于你的业务逻辑
}
} catch (error) {
console.error('获取位置异常:', error);
}
}
```
3. 最后,触发这个函数,比如在页面加载完成或者某个按钮点击事件中调用它:
```javascript
Page().onLoad(() => {
this.getLocationPermission();
}),
// 或者在按钮点击事件中
buttonClick() {
this.getLocationPermission();
}
```
阅读全文