AMapUI vue中使用

AMapUI 是高德地图官方提供的一套基于原生 JavaScript 的地图 UI 组件库，用于快速构建高性能、高可靠性的地图应用程序。如果你想在 Vue 中使用 AMapUI，可以按照以下步骤操作：

1. 首先，在你的 Vue 项目中安装 AMapUI：

   npm install @amap/amapui-autoload

2. 在需要使用 AMapUI 的组件中引入 AMapUI：

   <script>
   import AMapUI from '@amap/amapui-autoload'
   export default {
     mounted() {
       // 在这里使用 AMapUI
     }
   }
   </script>

3. 在 mounted 钩子函数中使用 AMapUI：

   mounted() {
     AMapUI.loadUI(['overlay/SimpleMarker'], (SimpleMarker) => {
       const map = new AMap.Map('map', {
         zoom: 10,
         center: [116.39, 39.9]
       })
       new SimpleMarker({
         iconLabel: {
           innerHTML: '<div style="color:#f00">A</div>'
         },
         map: map,
         position: [116.405467, 39.907761]
       })
     })
   }

以上示例中使用了 AMapUI 中的 SimpleMarker 组件，在地图上添加了一个标记点。你可以根据自己的需求引入不同的组件来实现不同的功能。