vue使用天地图标注覆盖物的setIcon(icon:Icon)方法怎么使用

在 Vue 中使用天地图标注覆盖物的 `setIcon(icon:Icon)` 方法，需要先引入 Icon 类，然后在创建标注覆盖物时设置标注的图标为 Icon 实例。具体步骤如下：

1. 在 Vue 组件的 `script` 标签中，引入天地图 API 和 Icon 类：

import T from 'TMap';
const Icon = T.Icon;

2. 在 Vue 组件的 `methods` 中创建标注覆盖物，并设置标注的图标为 Icon 实例：

methods: {
  createMarker() {
    // 创建标注覆盖物的坐标点
    const point = new T.LngLat(116.404, 39.915);
    // 创建标注覆盖物的图标
    const icon = new Icon({
      iconUrl: 'http://localhost/icon.png',
      iconSize: new T.Point(32, 32),
      iconAnchor: new T.Point(16, 16),
    });
    // 创建标注覆盖物
    const marker = new T.Marker(point, { icon });
    // 设置标注覆盖物的图标
    marker.setIcon(icon);
    // 将标注覆盖物添加到地图中
    this.map.addOverLay(marker);
  }
}

在上面的代码中，`iconUrl` 是图标的 URL 地址，`iconSize` 是图标的大小，`iconAnchor` 是图标的锚点。然后创建标注覆盖物时，将图标作为参数传递给 `T.Marker` 构造函数，再使用 `setIcon` 方法设置标注的图标为 Icon 实例。最后将标注覆盖物添加到地图中即可。