AGM未显示标记

Question

我已经创建了一个基本的Angular Web应用程序。我在显示多个标记时遇到问题。 Console.log显示正确的值。我尝试过* ng用于多种不同方式，但所有方式均无效。也许地图在获取标记数据之前正在加载？如果有人能指出我正确的方向，那就太好了。谢谢！

仅收集一些学校数据

export const SCHOOLS: School[] = [
{ 
    name: 'ECU', 
    lat: 35.6055, 
    long: 77.3646 
},
{
    name: 'WCC',
    lat: 35.4030,
    long: 77.9448
}
]

地图组件

export class MapComponent implements OnInit {

 lat: number = 37.090240;
 lng: number = -95.712891;
 zoom: number = 5;

 schools = SCHOOLS;

 constructor() { }

 ngOnInit() {
    console.log(this.schools)
    console.log(this.schools[1].lat)
  }
}

地图组件html

<agm-map id="map" [latitude]="lat" [zoom]="zoom" [longitude]="lng">
  <agm-marker *ngFor="let school of schools; index as i" 
 [latitude]="schools[i].lat" [longitude]="schools[i].long"></agm-marker>
 </agm-map>