Added API changes

src/app/dashboard/map.component.html

@@ -24,12 +24,12 @@
               (idle)="viewBoundsChanged($event)">
               <agm-marker
                   *ngFor="let m of markers"
-                  [latitude]="m.lat"
+                  [latitude]="m.latitude"
-                  [longitude]="m.lng"
+                  [longitude]="m.longitude"
-                  [label]="m.label">
+                  [label]="m.name[0]">
 
                 <agm-info-window>
-                  <strong>{{m.label}}</strong>
+                  <strong>{{m.name}}</strong>
                 </agm-info-window>
               </agm-marker>
             </agm-map>

src/app/dashboard/map.component.ts

@@ -15,24 +15,7 @@ export class MapComponent implements OnInit {
 
   dataReceived: string = 'yes';
 
-  markers = [
+  markers: Array<{latitude: number, longitude: number, name: string}>;
-	  {
-		  lat: 54.0466,
-		  lng: -2.8007,
-		  label: 'A',
-
-	  },
-	  {
-      lat: 54.0453,
-		  lng: -2.83,
-		  label: 'B'
-	  },
-	  {
-      lat: 54.0563,
-		  lng: -2.8279,
-		  label: 'C'
-	  }
-  ]
 
   map: any;
 
@@ -56,14 +39,19 @@ export class MapComponent implements OnInit {
     console.log(resp.getSouthWest().lat());
     console.log(resp.getSouthWest().lng());
     const mapData = {
-      north_east_lat: resp.getNorthEast().lat(),
+      north_east: {
-      north_east_lng: resp.getNorthEast().lng(),
+        latitude:  resp.getNorthEast().lat(),
-      south_west_lat: resp.getSouthWest().lat(),
+        longitude: resp.getNorthEast().lng()
-      south_west_lng: resp.getSouthWest().lng()
+      },
-    };
+      south_west: {
+        latitude:  resp.getSouthWest().lat(),
+        longitude: resp.getSouthWest().lng()
+      },
+    }
     this.api.getMapData(mapData).subscribe(
       result => {
         this.dataReceived = 'yes';
+        this.markers = result.suppliers;
       },
       error => {
         // this.dataReceived = 'no';

src/app/providers/api-service.ts

@@ -268,7 +268,7 @@ export class ApiService {
   public getMapData(data) {
     data.session_key = this.sessionKey;
     return this.http.post(
-    this.apiUrl + '/map',
+    this.apiUrl + '/v1/suppliers/location',
     data
     ).map( response => response.json() );
   }