AGM Angular: почему мигают маркеры в Google Maps? - PullRequest
0 голосов
/ 02 апреля 2019

Я внедряю отслеживание самолетов в реальном времени.Я разработал массив следующим образом:

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

...