vue 使用 amaploader 加载高德地图 页面空白但是高德图标显示

可能是因为您没有正确设置高德地图的容器大小，或者没有正确引入高地图的 JS API 文件。以下是一些可能的解决方法：

1. 确保您已经正确引入了高德地图的 JS API 文件。可以在 HTML 页面的 head 标签中添加类似以下的代码：

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

其中，YOUR_API_KEY 是您在高德开放平台申请的 API Key。

2. 确保您已经正确设置了地图容器的大小。可以在 CSS 中设置容器的宽度和高度，例如：

#map-container {
  width: 100%;
  height: 400px;
}

3. 确保您已经正确使用 amaploader 加载了高德地图。可以参考以下代码：

import { AMapLoader } from '@amap/amap-loader';

AMapLoader.load({
  key: 'YOUR_API_KEY',
  version: '1.4.15',
  plugins: [],
}).then(() => {
  const map = new AMap.Map('map-container', {
    zoom: 10,
    center: [116.39, 39.9],
  });
});

其中，'map-container' 是地图容器的 ID，'YOUR_API_KEY' 是您在高德开放平台申请的 API Key。

如果以上方法都不能解决问题，您可以在浏览器的开发者工具中查看是否有报错信息，以便更好地定位问题。