30-082019

src/app/home/home.page.ts

@@ -49,3 +49,4 @@ export class HomePage implements OnInit {
   }
 
 }
+

src/app/nearby/nearby.page.html

@@ -9,8 +9,8 @@
 </div>
 <ion-content>
     <div class="nearby_map">
-        <agm-map [latitude]="lat" [longitude]="lng" [zoom]="10" [disableDefaultUI]="false" [zoomControl]="false" (mapClick)="mapClicked($event)" [backgroundColor] ="'rgba(29, 27, 130,0.2)'">
-            <agm-marker [iconUrl]="'/assets/nearby.png'" *ngFor="let m of markers; let i = index" (markerClick)="clickedMarker(m.label, i)" [latitude]="m.lat" [longitude]="m.lng" [label]="m.label" [markerDraggable]="m.draggable" (dragEnd)="markerDragEnd(m, $event)">
+        <agm-map [latitude]="lat" [longitude]="lng" [zoom]="10" [disableDefaultUI]="false" [zoomControl]="false"  [backgroundColor] ="'rgba(29, 27, 130,0.2)'">
+            <agm-marker [iconUrl]="'/assets/nearby.png'" *ngFor="let m of markers; let i = index" [latitude]="m.lat" [longitude]="m.lng" [label]="m.label" [markerDraggable]="m.draggable">
                 <agm-info-window>
                     <div class="click_marker">
                         <h5>Lulufashion Store</h5>

src/app/nearby/nearby.page.ts

@@ -9,13 +9,16 @@ import { MouseEvent } from '@agm/core';
   styleUrls: ['./nearby.page.scss'],
 })
 export class NearbyPage implements OnInit {
-
+marker:any;
   constructor(
     private router: Router,
     private route: ActivatedRoute,
     private location: Location
   ) { }
 
+   ngOnInit() {
+  }
+
  // google maps zoom level
   zoom: number = 8;
   
@@ -75,3 +78,10 @@ export class NearbyPage implements OnInit {
     window.history.back();
   }
   }
+
+  interface marker {
+	lat: number;
+	lng: number;
+	label?: string;
+	draggable: boolean;
+}