map.html

<ion-header class="theme_dark_bg">
    <button ion-button class="nav_btn theme_color floatLeft" (click)="back()">
       <ion-icon name="ios-arrow-back"></ion-icon>
    </button>
    <div class="nav_header_title floatLeft">Map</div>
    <div class="clear"></div>
  </ion-header>




<ion-content>
    <div #map id="map"></div>
    <div class="jr_bottom_distance_card" *ngIf="temp">
      <div class="jr_bottom_inside">
        <input class="jr_dest_input from" placeholder="From" [(ngModel)]="bookData.pickArea" [readonly]="true">
        <input class="jr_dest_input to" placeholder="To" [(ngModel)]="bookData.dropArea" [readonly]="true">
      </div>
    </div>

</ion-content>
<ion-footer *ngIf="!temp">
  <div class="jr_bottom_button_bay">
      <button ion-button class="cab_footer_btn" (click)="cancel()">Cancel</button>
    </div>
  </ion-footer>