Я внедряю отслеживание самолетов в реальном времени.Я разработал массив следующим образом:
listAircraft = [] listAircraft [ID] = {lat: xx, lng: yy}
Когда прибывает новый самолет, я добавляю в список самолетов.
В HTML-коде я рисую маркер самолета следующим образом:
<agm-map class="map" [zoom]="zoom" [latitude]="mapCenter.lat" [longitude]="mapCenter.lng" [streetViewControl]="false" [mapTypeControl]="false" (mapReady)="onMapReady($event)">
<agm-marker *ngFor="let aircraft of listAircraft | keyvalue" [latitude]="aircraft.value.lat" [longitude]="aircraft.value.lng"
[iconUrl]="aircraft.value.plane" >
<agm-info-window *ngIf="aircraft.value.plane" [disableAutoPan]="true" [isOpen]="true">
{{aircraft.value.regn}} <br/>
{{aircraft.value.last_alt}}, {{aircraft.value.gndspd}}
</agm-info-window>
</agm-marker>
</agm-map>
Проблема: при прибытии нового самолета в пользовательском интерфейсемигают все авиационные маркеры.
Ссылка: https://drive.google.com/file/d/14FiG8yjGI77jCHaGMdshhgH_9h6WwM5Q/view В этой ссылке вы можете посмотреть короткое видео о проблеме.
Или может быть в приложении: http://krdu.1200.aero