uniapp项目vue3中实现过去当前准确定位地址的实现方法

在Vue 3中实现获取当前位置的方法与Vue 2类似，主要需要使用HTML5提供的Geolocation API。以下是一个使用uniapp框架实现获取当前位置的示例代码：

1. 在`<template>`中添加一个按钮或其他控件来触发获取位置的操作。

<template>
  <button @click="getLocation">获取位置</button>
</template>

2. 在`<script>`中添加获取位置的方法，可以使用`navigator.geolocation.getCurrentPosition()`来获取当前位置信息。

<script>
export default {
  methods: {
    getLocation() {
      navigator.geolocation.getCurrentPosition(
        (position) => {
          // 获取位置成功的回调函数
          console.log('当前位置信息:', position);
          // 获取经度和纬度
          const lat = position.coords.latitude;
          const lon = position.coords.longitude;
          // TODO：在这里可以根据经纬度进行其他操作
        },
        (error) => {
          // 获取位置失败的回调函数
          console.log('获取位置失败:', error);
        }
      );
    },
  },
};
</script>

注意：在使用Geolocation API获取位置信息时，需要用户同意共享位置信息。如果用户拒绝共享位置信息或浏览器不支持Geolocation API，将会触发获取位置失败的回调函数。