Angular，Google Maps，如何从地图中获取标记列表并对其使用onClick事件？

import { Component, OnInit } from '@angular/core';

declare const google: any;

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent implements OnInit {
  map: any;
  markers: any[] = [];

  ngOnInit() {
    this.initMap();
  }

  initMap() {
    this.map = new google.maps.Map(document.getElementById('map'), {
      center: { lat: 37.7749, lng: -122.4194 },
      zoom: 12
    });

    // 添加标记到地图上
    const marker1 = new google.maps.Marker({
      position: { lat: 37.7749, lng: -122.4194 },
      map: this.map,
      title: 'Marker 1'
    });

    const marker2 = new google.maps.Marker({
      position: { lat: 37.7755, lng: -122.4184 },
      map: this.map,
      title: 'Marker 2'
    });

    // 添加onClick事件监听器
    google.maps.event.addListener(marker1, 'click', () => {
      console.log('Marker 1 clicked');
    });

    google.maps.event.addListener(marker2, 'click', () => {
      console.log('Marker 2 clicked');
    });

    // 将标记添加到列表中
    this.markers.push(marker1, marker2);
  }
}