如何在angular中检索所有google地图矩形

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

declare var google: any;

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

  constructor() { }

  ngOnInit() {
    this.initMap();
  }

  initMap() {
    const mapOptions = {
      center: { lat: 37.7749, lng: -122.4194 }, // 设置地图中心点的经纬度
      zoom: 12 // 设置地图缩放级别
    };

    this.map = new google.maps.Map(document.getElementById('map'), mapOptions);
  }
}

<div id="map"></div>

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

declare var google: any;

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

  constructor() { }

  ngOnInit() {
    this.initMap();
    this.createRectangles();
  }

  initMap() {
    // 省略代码，同上
  }

  createRectangles() {
    const rectangleOptions = {
      strokeColor: '#FF0000',
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: '#FF0000',
      fillOpacity: 0.35,
      map: this.map,
      bounds: {
        north: 37.8,
        south: 37.7,
        east: -122.4,
        west: -122.5
      }
    };

    const rectangle = new google.maps.Rectangle(rectangleOptions);
    this.rectangles.push(rectangle);
  }
}