<ion-header [translucent]="true">
    <ion-toolbar>
        <ion-title>
            Direccion
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
 

    <ion-item>
        <ion-label>Ciudad</ion-label>
        <ion-select placeholder="Seleccione" [(ngModel)]="data.ciudad">
          <ion-select-option value="0">Medellin</ion-select-option>
          <ion-select-option value="1">Pamplona</ion-select-option>
          
        </ion-select>
      </ion-item>

      <ion-item>
        
        <ion-select placeholder="Seleccione" [(ngModel)]="data.direccion">
          <ion-select-option value="1">Calle</ion-select-option>
          <ion-select-option value="2">carrera</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        
        <ion-input type="text" [(ngModel)]="data.numero" name="numero"></ion-input>
    </ion-item>
    <ion-item>
        <ion-label class="center" position="floating">#</ion-label>
        <ion-input type="text" [(ngModel)]="data.casa" name="casa"></ion-input>
    </ion-item>

    
   
    <br>

    <ion-button (click)="dir()">Solicitar dirección</ion-button>

    <ion-card>
        <p>{{direccion}}</p>
        <p>{{lat}}</p>
        <p>{{lng}}</p>
    </ion-card>
</ion-content>