Отображение движущегося маркера в AGM Maps Angular Google Maps - PullRequest
Новая
       32

Отображение движущегося маркера в AGM Maps Angular Google Maps

0 голосов
/ 18 марта 2020

Я работаю на Angular с Google Maps - AGM.

Я могу наносить на карту точки и маршрут, пройденный на Google Картах, используя AGM. Мне нужно нанести ряд точек на карту Google. Точки должны отображаться одна за другой с задержкой.

Когда я запускаю al oop для отображения точек, это не работает.

Мой код такой, как показано ниже: HTML 

<div class="map" *ngIf = "dataLoaded">
    <agm-map 
          [latitude]="25.0669249"
          [longitude]="55.1328133"
          [zoom]="10"
          [disableDefaultUI]="false"
          [zoomControl]="false"
          [usePanning]="true"
          >
          <ng-container *ngIf="showTrip">
            <agm-marker
                [latitude]="playTripMarkerLat" 
                [longitude]="playTripMarkerLng"
                (markerClick)="markerClicked(infoWindow)"
                >
                <agm-info-window #infoWindow>
                    <div>
                        Latitude {{playTripMarkerLat}}<br>
                        Longitude {{playTripMarkerLng}}<br>
                    </div>
                </agm-info-window>          
            </agm-marker>
        </ng-container> 
</agm-map>
</div>
<button class="btn btn-primary" (click)="playTrip()">Play Trip</button>

компонент enet .ts 

playTrip(){
    this.showTrip = true;
    console.log(this.coord);
    let temp = this.coord;
    console.log('Started')
    for (let i = 0; i<this.result[0].data.length; i++){

        this.playTripMarkerLat=this.result[0].data[i].lat;
        this.playTripMarkerLng=this.result[0].data[i].lng;
        console.log(this.playTripMarkerLat) ; 


    }
  }

Здесь, когда мы l oop через значения результата [0] .data, значения должны быть присвоены playTripMarkerLat и playTripMarkerLat и то же самое должны отображаться на карте Google. Это концепция, над которой я работал, но этого не происходит.

...