From b59351addf2e51b88b66bda84744f77ec08f50ef Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Wed, 27 Sep 2017 14:34:46 +0100
Subject: [PATCH] made looping markers

---
 src/app/dashboard/map.component.html | 11 ++++++++++-
 src/app/dashboard/map.component.ts   | 19 +++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/app/dashboard/map.component.html b/src/app/dashboard/map.component.html
index 646009f..04d7d73 100644
--- a/src/app/dashboard/map.component.html
+++ b/src/app/dashboard/map.component.html
@@ -22,7 +22,16 @@
               [zoom]="zoom"
               [scaleControl]="true"
               (idle)="viewBoundsChanged($event)">
-              <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
+              <agm-marker
+                  *ngFor="let m of markers"
+                  [latitude]="m.lat"
+                  [longitude]="m.lng"
+                  [label]="m.label">
+
+                <agm-info-window>
+                  <strong>{{m.label}}</strong>
+                </agm-info-window>
+              </agm-marker>
             </agm-map>
           </div>
         </div>
diff --git a/src/app/dashboard/map.component.ts b/src/app/dashboard/map.component.ts
index 71b7274..5acc512 100644
--- a/src/app/dashboard/map.component.ts
+++ b/src/app/dashboard/map.component.ts
@@ -15,6 +15,25 @@ export class MapComponent implements OnInit {
 
   dataReceived: string = 'yes';
 
+  markers = [
+	  {
+		  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;
 
   constructor(