Ionic 5 Angular:谷歌地图在iOs模拟器中的InfoWindow填充问题

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

import { Component, OnInit } from '@angular/core';
declare var google: any;

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

  ngOnInit() {
    this.loadMap();
  }

  loadMap() {
    const mapOptions = {
      center: new google.maps.LatLng(37.7749, -122.4194),
      zoom: 12,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

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

    this.marker = new google.maps.Marker({
      position: new google.maps.LatLng(37.7749, -122.4194),
      map: this.map,
      title: 'Marker Title'
    });

    this.addInfoWindow();
  }

  addInfoWindow() {
    const infoWindow = new google.maps.InfoWindow({
      content: 'InfoWindow Content'
    });

    google.maps.event.addListener(this.marker, 'click', () => {
      infoWindow.open(this.map, this.marker);
    });
  }
}