made looping markers

2017-09-27 14:34:46 +01:00 · 2017-09-27 14:34:46 +01:00 · b59351addf
commit b59351addf
parent 1eb79aa047
2 changed files with 29 additions and 1 deletions
--- 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>