map.html 902 Bytes
<ion-header class="jr_theme_color jr_header">
    <!-- <button ion-button class="jr_left jr_header_btn jr_back_icon" (click)="goBack()"></button> -->
    <div class="jr_header_title">
      <h4>Map</h4>
    </div>
    <button ion-button class="jr_right jr_header_btn"></button>
    <div class="jr_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="jr_offer_ride2" (click)="cancel()">Cancel</button>
    </div>
  </ion-footer>