<agm-map 
  [latitude]="lat"
  [longitude]="lng"
  [zoom]="zoom"
  (mapReady)="mapReady($event)">

  <div id="getting_started_toggle">
    <button class="btn btn-secondary btnToggleMore" type="reset"><i class="flaticon-more"></i></button>
  </div>

  <agm-marker 
      *ngFor="let m of markers; let i = index"
      (markerClick)="clickedMarker(m.label, i)"
      [latitude]="m.lat"
      [longitude]="m.lng"
      [label]="m.label"
      [iconUrl]="m.pin">
      
    <agm-info-window>
      <span>Driver: {{m.driverName}}</span><br>
      <span>Order Id: {{m.orderId}}</span><br>
      <span>Eta: {{m.eta}}</span>
    </agm-info-window>
    
  </agm-marker>
  

</agm-map>

<mapFlyOutComponent #mapFlyOutComponent [filters] = 'filters'></mapFlyOutComponent>