the lat and long is changable as realtime tracking from data , i use get http from url, and i use interval observoable to reload but i fail to add marker to map and make it move .
fetchplane() {
return new Promise(resolve => {
this.http.get<dornelocation>('http://api.open-notify.org/iss-now.json'
).subscribe(data=>{
this.droneMarker(data);
}, err => { console.log(err); });
});
}
loadMap()
{
var latlong = new google.maps.LatLng(2.909047 , 101.654669);
var loptions = {
center: latlong,
zoom:1,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
this.map= new google.maps.Map(this.mapElement.nativeElement, loptions);
this.droneMarker(latlong);
}
droneMarker(data) {
var Newlat = data.iss_position.latitude;
var nlat = +Newlat;
var Newlng = data.iss_position.longitude;
var nlng = +Newlng;
var latlong = new google.maps.LatLng([nlat, nlng]);
console.log(latlong);
return new google.maps.Marker({
position: latlong,
map: this.map,
icon: {
url: 'assets/markers/drone_location.png',
scaledSize: new google.maps.Size(80, 80),
}});}