Comment déplacer le marqueur sur la carte dans ionic2?

Question

Dans ce code, j'essaie de déplacer lorsque je change d'emplacement mais il semble que quelque chose ne va pas. Le marqueur ne remplace pas.

declare var google; 
@Component({ 
    selector: 'page-page1', 
    templateUrl: 'page1.html', 
    providers: [Geolocation] 
}) 
export class Page1 { 
    @ViewChild('map') mapElement: ElementRef; 
    map: any; 
    public marker =[]; 
    public lat; 
    public lng; 
    public speed = '0'; 
    public watch: any; 

    constructor(public navCtrl: NavController, public Geolocation: Geolocation, public zone: NgZone, 
){  } 
ionViewDidLoad(){ 
    this.loadMap(); 
    this.startTracking();   
    } 
    loadMap(){ 
      this.Geolocation.getCurrentPosition().then((position) => { 
     let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 

     let mapOptions = { 
     center: latLng, 
     zoom: 17, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }  
     this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions); 
this.addMarker(); 
    }, (err) => { 
     console.log(err); 
    });  
    } 

    startTracking() { 
    let config = { 
    desiredAccuracy: 0, 
    stationaryRadius: 20, 
    distanceFilter: 10, 
    debug: true, 
    interval: 2000 
    };  
let options = { 
    frequency: 3000, 
    enableHighAccuracy: true 
};  
this.watch = this.Geolocation.watchPosition(options).filter((p: any) => p.code === undefined).subscribe((position: Geoposition) => { 
    this.zone.run(() => { 
    this.lat = position.coords.latitude; 
    this.lng = position.coords.longitude; 
    this.marker[0].lat= position.coords.latitude; 
    this.marker[0].lng= position.coords.longitude; 
    this.speed =(+position.coords.speed*3.6) + 'Km/h'; 
    }); 

}); 

} 
addMarker(){ 

let marker = new google.maps.Marker({ 
    map: this.map, 
    animation: google.maps.Animation.DROP, 
    position: this.map.getCenter() 
    }); 

this.marker.push(marker); 
console.log(this.marker); 
} 
} 

} 

Answer 1

Utilisez pour déplacer le marqueur. Essayez ceci

this.zone.run(() => { 
    this.lat = position.coords.latitude; 
    this.lng = position.coords.longitude; 

    this.marker.setPosition({ lat: this.lat, lng: this.lng }); 

    this.speed =(+position.coords.speed*3.6) + 'Km/h'; 
    });