我正在使用Google Maps-AGM开发Angular。

我能够使用AGM在Google地图上绘制点和路线。我需要在Google地图上绘制一系列点。这些点应延迟显示，一个接一个显示。

当我运行循环以显示点时，它不起作用。

我的代码如下： HTML

<div class="map" *ngIf = "dataLoaded">
    <agm-map 
          [latitude]="25.0669249"
          [longitude]="55.1328133"
          [zoom]="10"
          [disableDefaultUI]="false"
          [zoomControl]="false"
          [usePanning]="true"
          >
          <ng-container *ngIf="showTrip">
            <agm-marker
                [latitude]="playTripMarkerLat" 
                [longitude]="playTripMarkerLng"
                (markerClick)="markerClicked(infoWindow)"
                >
                <agm-info-window #infoWindow>
                    <div>
                        Latitude {{playTripMarkerLat}}<br>
                        Longitude {{playTripMarkerLng}}<br>
                    </div>
                </agm-info-window>          
            </agm-marker>
        </ng-container> 
</agm-map>
</div>
<button class="btn btn-primary" (click)="playTrip()">Play Trip</button>

componenet.ts

playTrip(){
    this.showTrip = true;
    console.log(this.coord);
    let temp = this.coord;
    console.log('Started')
    for (let i = 0; i<this.result[0].data.length; i++){

        this.playTripMarkerLat=this.result[0].data[i].lat;
        this.playTripMarkerLng=this.result[0].data[i].lng;
        console.log(this.playTripMarkerLat) ; 


    }
  }

在这里，当我们遍历result [0] .data的值时，应将这些值分配给playTripMarkerLat和playTripMarkerLat，并且它们应在Google地图上显示。这是我一直在研究的概念，但这没有发生。