Added reload map function

src/pages/main/main.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
 import { AlertController } from 'ionic-angular';
+import { interval } from 'rxjs/observable/interval';
 
 import { HomePage } from '../home/home'
 import { DevicesPage } from '../devices/devices'
@@ -8,6 +9,8 @@ import { ConfigurationPage } from '../configuration/configuration'
 import { ShareService } from '../../services/share/share';
 import { VespotServiceProvider } from '../../providers/vespot-service/vespot-service';
 
+
+
 import {
   GoogleMaps,
   GoogleMap,
@@ -15,7 +18,8 @@ import {
   GoogleMapOptions,
   CameraPosition,
   MarkerOptions,
-  Marker
+  Marker,
+  LatLng
 } from '@ionic-native/google-maps';
 
 @Component({
@@ -30,6 +34,10 @@ export class Main {
   rootDevice: any;
   public rootPosition: any;
   map: GoogleMap;
+  deviceMarker: any;
+  newDevice: boolean = true;
+
+  secondsCounter = interval(30000);
 
   constructor(private navCtrl: NavController,
   public shareService: ShareService,
@@ -41,6 +49,7 @@ export class Main {
       this.devices = this.shareService.getDevices();
       this.rootDevice = this.shareService.getRootDevice();
       this.rootPosition = {};
+
   }
 
   ionViewWillEnter() {
@@ -56,16 +65,20 @@ export class Main {
     this.vespotService.getPositionByDeviceId(auth, this.shareService.getRootDevice().id)
   	.subscribe(
         (data) => { // Success
-			this.rootPosition = data[0];
+
+          if(this.newDevice) {
+            this.rootPosition = data[0];
             this.loadMap();
+            this.secondsCounter.subscribe((n) => {
+              this.updateMarker();
+            });
+            this.newDevice = false;
+        } else {
+            this.updateMarker();
+        }
         },
         (error) =>{
-			let alert = this.alertCtrl.create({
-              title: 'Error servicio',
-              subTitle: error,
-              buttons: ['OK']
-            });
-            alert.present();
+			       console.log('getRootDevicePosition: ' + error);
         }
       );
   }
@@ -89,11 +102,10 @@ export class Main {
     let mapOptions: GoogleMapOptions = {
       camera: {
         target: {
-          lat: 43.0741904, // default location
-          lng: -89.3809802 // default location
+          lat: this.rootPosition.latitude, // default location
+          lng: this.rootPosition.longitude // default location
         },
-        zoom: 18,
-        tilt: 30
+        zoom: 18
       }
     };
 
@@ -106,7 +118,7 @@ export class Main {
       this.getPosition();
     })
     .catch(error =>{
-      console.log(error);
+      console.log('loadMap: ' + error);
     });
 
   }
@@ -118,15 +130,36 @@ export class Main {
         lng: this.rootPosition.longitude // default location
       }
     });
-    this.map.addMarker({
+    this.deviceMarker = this.map.addMarker({
       title: this.shareService.getRootDevice().name,
       icon: 'blue',
-      animation: 'DROP',
       position: {
         lat: this.rootPosition.latitude, // default location
         lng: this.rootPosition.longitude // default location
       }
     });
+    this.deviceMarker.showInfoWindow();
+  }
+
+  updateMarker() {
+    this.map.clear().then(() => {
+      let auth = this.shareService.getAuthToken();
+      this.vespotService.getPositionByDeviceId(auth, this.shareService.getRootDevice().id)
+    	.subscribe(
+          (data) => { // Success
+  			       this.rootPosition = data[0];
+               this.getPosition();
+          },
+          (error) =>{
+  			       console.log('updateMarker: ' + error);
+          }
+        );
+    })
+    .catch(error =>{
+      console.log('loadMap: ' + error);
+    });
+
+
   }
 
 }