VUE3+Ts使用高德地图组件@vuemap/vue-amap语法检测Amap is not defind

报错解释：

在Vue 3和TypeScript环境中使用高德地图组件@vuemap/vue-amap时，出现了Amap is not defined错误，通常意味着尝试访问高德地图（AMap）对象，但是它并没有被正确定义。这可能是因为地图组件还没有被正确安装或者初始化。

解决方法：

1. 确认高德地图组件已正确安装：

   
   
   
   npm install @vuemap/vue-amap

2. 确保在main.ts或main.js中使用Vue插件形式正确初始化了高德地图组件：

   
   
   
   import VueAMap from '@vuemap/vue-amap';
   Vue.use(VueAMap);
   VueAMap.initAMapApiLoader({
     key: '你的高德API Key',
     plugin: ['AMap.Geolocation', 'AMap.Autocomplete'],
     // 其他配置...
   });

3. 确保在使用地图组件的Vue组件中正确地引用了地图组件：

   
   
   
   <template>
     <vue-amap :amap-manager="amapManager"></vue-amap>
   </template>
   <script lang="ts">
   import { AMapManager } from '@vuemap/vue-amap';
    
   export default {
     data() {
       return {
         amapManager: new AMapManager(),
       };
     },
   };
   </script>

4. 如果以上步骤都确认无误，检查是否有其他脚本错误导致高德地图脚本未能正确加载。
5. 确保没有异步加载高德地图脚本的问题，如果使用了异步加载，确保在高德地图脚本加载完成后再进行地图的初始化操作。
6. 如果以上步骤都无法解决问题，可以查看控制台的网络请求，检查高德地图API的脚本是否成功加载，以及是否有其他错误导致AMap对象未定义。