vue 高德地图 label API

Vue 高德地图中的 Label API 可以用来在地图上添加标注，标注上可以显示文本信息。下面是一个简单的示例：

1. 首先在 Vue 组件中引入高德地图的 JS API：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

2. 在 Vue 组件的 mounted 钩子函数中初始化地图和 Label：

mounted() {
  // 初始化地图
  const map = new AMap.Map('map-container', {
    zoom: 14,
    center: [116.39, 39.9]
  })

  // 添加 Label
  const label = new AMap.Marker({
    position: [116.39, 39.9],
    map: map,
    label: {
      content: '这里是标注的文本内容',
      offset: new AMap.Pixel(20, 20)
    }
  })
}

在上面的代码中，我们首先初始化了一个地图实例，并设置了地图的缩放级别和中心点坐标。然后，在地图上添加了一个 Label，设置了标注的位置、地图实例、文本内容和偏移量。

需要注意的是，Label API 还有很多其他的配置项可以使用，比如字体颜色、字体大小等，更多的信息可以参考高德地图的官方文档。