vue3+高德地图api如何使用

首先需要在 HTML 文件中引入高德地图的 JavaScript SDK：

<script src="//webapi.amap.com/maps?v=1.4.15&key=YOUR_API_KEY"></script>

注意替换 `YOUR_API_KEY` 为你的高德地图 API KEY。

然后，可以在 Vue 组件中使用高德地图 API：

<template>
  <div ref="map" style="width: 100%; height: 400px;"></div>
</template>

<script>
export default {
  mounted() {
    // 初始化地图
    const map = new AMap.Map(this.$refs.map, {
      center: [116.397428, 39.90923],
      zoom: 13
    });
    
    // 添加标记点
    const marker = new AMap.Marker({
      position: [116.397428, 39.90923],
      map: map
    });
  }
}
</script>

这里创建了一个地图，将其渲染到 `map` 元素中，并在地图上添加了一个标记点。具体地图 API 的使用方法可以参考高德地图开发文档。