新版高德地图 AMapUI is not defined vue3 vite

这个问题可能是由于在 Vue3 + Vite 中没有正确引入高德地图的 AMapUI 库导致的。你可以尝试以下步骤来解决这个问题：

1. 在 `index.html` 中加入高德地图的 JavaScript SDK 引用：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=your-amap-key"></script>

2. 安装 AMapUI 库：

npm install @amap/amapui-vue@2.0.0-beta.3 --save

3. 在 `main.js` 中引入 AMapUI 库：

import AMapUI from '@amap/amapui-vue';

createApp(App)
  .use(AMapUI)
  .mount('#app');

4. 在需要使用高德地图的组件中，使用 `<amap-ui-map>` 标签：

<template>
  <amap-ui-map :zoom="zoom" :center="center">
    <!-- 在这里添加你需要展示的地图内容 -->
  </amap-ui-map>
</template>

<script>
export default {
  data() {
    return {
      zoom: 14,
      center: [116.397428, 39.90923]
    };
  }
}
</script>

如果以上步骤仍然不能解决你的问题，请尝试检查你的代码是否存在其他错误或者冲突。