如何在angular google地图上设置Spiderfier Marker图标

import { Component } from '@angular/core';
import { AgmMarkerSpider } from 'agm-marker-spider';

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent {
  // 地图初始配置
  mapOptions: google.maps.MapOptions = {
    center: { lat: 40.712776, lng: -74.005974 }, // 设置地图中心点的经纬度
    zoom: 12 // 设置地图缩放级别
  };

  // 标记点数据
  markers: google.maps.MarkerOptions[] = [
    { position: { lat: 40.712776, lng: -74.005974 }, title: 'Marker 1' },
    { position: { lat: 40.712876, lng: -74.006074 }, title: 'Marker 2' },
    { position: { lat: 40.712976, lng: -74.006174 }, title: 'Marker 3' }
  ];
}

<agm-map [options]="mapOptions">
  <agm-marker-spider *ngFor="let marker of markers" [markerOptions]="marker">
    <agm-marker [markerOptions]="marker"></agm-marker>
  </agm-marker-spider>
</agm-map>

import { AgmCoreModule } from '@agm/core';
import { AgmMarkerSpiderModule } from 'agm-marker-spider';

@NgModule({
  imports: [
    AgmCoreModule.forRoot({
      // 在这里配置Google地图的API密钥等信息
    }),
    AgmMarkerSpiderModule
  ],
  declarations: [MapComponent],
  exports: [MapComponent]
})
export class MapModule { }