谷歌角度地图不会根据数据显示所有标记，

Question

app.component.html

<h1 *ngFor="let m of markers;">{{ m.lat }}</h1>


<agm-map [latitude]="lat" [longitude]="lng" [styles]="styles">
     <agm-marker *ngFor="let m of markers;let i = index"
            [latitude]="m.lat"
            [longitude]="m.lng"
            [label]="m.label"
            [animation]="'DROP'" 
            [iconUrl]="'favicon.ico'"       
            >
     </agm-marker>
</agm-map>

app.component.ts

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

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    markers: any[] = [
        {
        lat: 12.971599,
        lng: 77.594566,
        label: 'A',
        draggable: false
        },
        {
        lat: 12.671599,
        lng: 77.894566,
        label: 'B',
        draggable: false
        },
        {
        lat: 12.771599,
        lng: 77.564566,
        label: 'C',
        draggable: false
        },
        {
        lat: 12.771599,
        lng: 77.424566,
        label: 'D',
        draggable: true
        }
    ]

    styles = [{
        featureType: 'poi',
        elementType: 'labels.text.fill',
        // stylers: [{color: '#0099ff'}]
    }
    ];


    title: string = 'My first AGM project';
    lat: number = 12.971599;
    lng: number = 77.594566;

    getMapData(event){
        console.log(event)
    }

}

在这里，我尝试显示分配给markers变量的不同lat，lng的多个标志。 在地图上建立3个标记，每个数据应有4个标记。

我已经分配了用于EAXXH标记的标签，以便知道缺少哪个标签。

实际上，第一个并不总是来的。分配了标签A。