如何在Angular 2中显示Google地图上的标记？

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

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

export class MapComponent implements OnInit {
  latitude: number;
  longitude: number;
  zoom: number;
  markers: Marker[];

  constructor(private mapsAPILoader: MapsAPILoader) {}

  ngOnInit() {
    // 初始化地图坐标和缩放级别
    this.latitude = 40.7128;
    this.longitude = -74.0060;
    this.zoom = 12;

    // 加载Google地图API
    this.mapsAPILoader.load().then(() => {
      // 执行其他地图相关操作
      this.loadMarkers();
    });
  }

  loadMarkers() {
    // 创建标记数组
    this.markers = [
      { latitude: 40.7128, longitude: -74.0060, label: 'New York', draggable: true },
      { latitude: 34.0522, longitude: -118.2437, label: 'Los Angeles', draggable: true },
      // 添加更多标记...
    ];
  }
}

<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
  <agm-marker *ngFor="let marker of markers" [latitude]="marker.latitude" [longitude]="marker.longitude" [label]="marker.label" [markerDraggable]="marker.draggable"></agm-marker>
</agm-map>