Angular 4 Google地图如何向标记添加描述

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

<div #mapContainer style="height: 400px; width: 100%;"></div>

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

export class MapComponent implements OnInit {
  @ViewChild('mapContainer', {static: false}) mapContainer: ElementRef;

  map: any;

  ngOnInit() {
    this.initializeMap();
  }

  initializeMap() {
    const mapOptions = {
      center: new google.maps.LatLng(37.7749, -122.4194), // 设置地图中心点的经纬度
      zoom: 12 // 设置地图缩放级别
    };

    this.map = new google.maps.Map(this.mapContainer.nativeElement, mapOptions);
  }
}

const markerOptions = {
  position: new google.maps.LatLng(37.7749, -122.4194), // 设置标记的经纬度
  map: this.map, // 将标记添加到地图上
  title: 'San Francisco' // 设置标记的标题
};

const marker = new google.maps.Marker(markerOptions);

const infoWindowContent = '<div><h3>San Francisco</h3><p>This is a beautiful city!</p></div>';

const infoWindow = new google.maps.InfoWindow({
  content: infoWindowContent
});

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