<ion-header>
  <ion-toolbar class="new-background-color">
    <ion-buttons slot="start" color="light">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>Wellnewss Route</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div #nearmap id="nearmap"></div>
  <ion-grid>
    <ion-row >
      <ion-col>
        <ion-card *ngFor="let nearm of placenear">
          <div *ngIf="nearm.better_featured_image != null">
            <img src="{{nearm.better_featured_image.source_url}}" alt="">
          </div>
          <div *ngIf="nearm.better_featured_image == null">
            <img src="/assets/images/temp.png" />
          </div>
          <ion-card-header>            
            <a [routerLink]="['/tabs/place/', nearm.id]"><ion-card-title [innerHTML]="nearm.title.rendered"></ion-card-title>
            </a>
            <a [routerLink]="['/tabs/province/']">
              <span [innerHTML]="nearm._embedded['wp:term'][1][0].name"></span>
            </a> /
            <a [routerLink]="['/tabs/place/']">
              <span [innerHTML]="nearm._embedded['wp:term'][2][0].name"></span>
            </a>
          </ion-card-header>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>