uniapp定位当前位置
时间: 2023-08-31 14:05:03 浏览: 114
可以通过uni-app中的API Weex提供的定位组件来实现定位当前位置。您可以使用以下代码实现:
```
<template>
<div>
<button @click="getPosition">获取当前位置</button>
<div v-if="location">
经度: {{location.longitude}},纬度: {{location.latitude}}
</div>
</div>
</template>
<script>
export default {
data() {
return {
location: null,
};
},
methods: {
getPosition() {
uni.getLocation({
success: (res) => {
this.location = {
longitude: res.longitude,
latitude: res.latitude,
};
},
});
},
},
};
</script>
```
该组件包含一个按钮,当用户点击该按钮时,会调用`getPosition()`方法获取当前位置。在`getPosition()`方法中,我们使用uni.getLocation()API来获取当前位置。如果成功获取到位置,则将该位置存储在组件的数据对象中,并在页面中渲染出经度和纬度值。
阅读全文