Связывание между компонентом и представлением не обновляет значения маркеров

Question

Я использую AGM MAP и пытаюсь изменить маркеры карты с помощью наблюдаемых.Observables работает нормально, и внутренне значения маркеров были обновлены правильно.Проблема в том, что когда я обновляю значения, интерфейс agm-map не обновляет визуально эти значения, хотя значения были правильно обновлены в компоненте (ts).Возможно ли то, что нужно и событие для обновления карты?Ниже приведен код.Не могли бы вы помочь мне?

map.ts

export class MapComponent implements OnInit {

  public agmMarkers: agmmarker[] = [
    { lat: 12.954517, lng: 77.3507335 },
    { lat: 52.228973, lng: 20.728218 },
    { lat: 38.5157234723591, lng: -3.2916969355 }
  ];

  constructor(private map_service: MapService) {}

  ngOnInit(): void {
    this.map_service.observable_Mapa.subscribe(
      marker => {
        this.updateMarkers(marker);
      }
    );
  }

  public updateMarkers(markers: Hero) {
    this.agmMarkers = [];
    this.agmMarkers.push({
      lat: markers.lat,
      lng: markers.long,
    });
  }
}

Map.html

<div id="map">
<agm-map [latitude]="lat" [longitude]="lng">
    <agm-marker *ngFor="let i of agmMarkers" [latitude]="i.lat" [longitude]="i.lng">
    </agm-marker>
</agm-map>
</div>