vue3怎么引入高德地图

要在 Vue3 中引入高德地图，可以按照以下步骤操作：

1.在 `public/index.html` 文件中引入高德地图的 JavaScript API：

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的高德地图key"></script>

2.在需要使用地图的组件中，使用 `onMounted` 钩子函数来初始化地图：

<template>
  <div id="map"></div>
</template>

<script>
import { onMounted } from 'vue';

export default {
  setup() {
    onMounted(() => {
      // 创建地图实例
      const map = new AMap.Map('map', {
        center: [116.397428, 39.90923],
        zoom: 13
      });
    });
  }
}
</script>

注意：在使用高德地图之前，需要在高德开放平台申请一个 key，替换上述代码中的 `key`。

这样就可以在 Vue3 中引入高德地图了。