天地图如何循环给多个自定义坐标点添加名称

要循环给天地图上的多个自定义坐标点添加名称，你可以按照以下步骤进行操作：

1. 首先，确保你已经在天地图开放平台上注册并获取了API密钥。

2. 在你的Vue项目中安装天地图的JavaScript API。你可以在`index.html`文件中添加以下代码引入API：

<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的天地图API密钥"></script>

替换`你的天地图API密钥`为你在天地图开放平台申请的API密钥。

3. 在需要使用天地图的组件中，使用`Map`对象来创建地图，并循环添加自定义的坐标点和名称。以下是一个示例：

<template>
  <div>
    <div id="mapContainer" style="width: 100%; height: 400px;"></div>
  </div>
</template>

<script>
export default {
  mounted() {
    this.initMap()
  },
  methods: {
    initMap() {
      // 创建地图
      const map = new T.Map("mapContainer")

      // 设置地图中心点和缩放级别
      map.centerAndZoom(new T.LngLat(116.404, 39.915), 15)

      // 自定义坐标点和名称数组
      const points = [
        { lng: 116.404, lat: 39.915, name: '自定义名称1' },
        { lng: 116.414, lat: 39.925, name: '自定义名称2' },
        // 添加更多的坐标点和名称...
      ]

      // 循环添加自定义坐标点和名称
      points.forEach(point => {
        const marker = new T.Marker(new T.LngLat(point.lng, point.lat))
        const label = new T.Label({
          text: point.name,
          position: marker.getLngLat(),
          offset: new T.Point(0, -30)
        })
        map.addOverLay(marker)
        map.addOverLay(label)
      })
    }
  }
}
</script>

在上面的示例中，我们通过`T.Map`创建了地图对象，并使用`centerAndZoom`方法设置了地图的中心点和缩放级别。然后，我们定义了一个自定义坐标点和名称的数组`points`，其中包含了多个坐标点的经纬度和名称。接下来，我们使用`forEach`方法遍历数组，并创建对应的标记和标签，并使用`addOverLay`方法将它们添加到地图上。

记得替换代码中的天地图API密钥为你自己的密钥，并根据需要修改坐标点和名称。

这样，你就成功循环给天地图上的多个自定义坐标点添加了名称。