在vue3中使用高德地图的逆地理编码

在Vue3中使用高德地图的逆地理编码，可以按照以下步骤进行：

1. 在项目中引入高德地图的JS API，可以在index.html中添加以下代码：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

2. 在Vue3的组件中，可以使用`mounted`钩子函数来初始化地图，并获取当前位置的经纬度：

mounted() {
  var map = new AMap.Map('map-container', {
    zoom: 13
  });
  var geolocation = new AMap.Geolocation({
    enableHighAccuracy: true, // 是否使用高精度定位，默认为false
    timeout: 10000,          // 超过10秒后停止定位，默认：无穷大
  });
  geolocation.getCurrentPosition(function(status, result) {
    if (status == 'complete') {
      var lng = result.position.lng;
      var lat = result.position.lat;
      // 在这里可以进行逆地理编码
    } else {
      console.log('定位失败');
    }
  });
}

3. 获取到当前位置的经纬度后，可以使用`AMap.Geocoder`类进行逆地理编码，从而获取当前位置的地址信息：

var geocoder = new AMap.Geocoder({
  city: "全国", // 城市，默认：“全国”
  radius: 1000 // 范围，默认：500
});
geocoder.getAddress([lng, lat], function(status, result) {
  if (status == 'complete' && result.regeocode) {
    var address = result.regeocode.formattedAddress;
    console.log(address);
  } else {
    console.log('逆地理编码失败');
  }
});

在上述代码中，`[lng, lat]`表示当前位置的经纬度数组，`result.regeocode.formattedAddress`表示逆地理编码后获取到的地址信息。