Skip to main content
1 de 3

No puedo ver mapa en un ion tab con ionic 4

estoy tratando de crear una app en ionic 4 en la cual se navegue en ella con ion tabs el problema es que debo mostrar un mapa dentro del ion taby nisiquiera me toma las coordenadas, estoy usando el api en javascript de google, la app compila bien pero no muestra el mapa, ya cambie las dimenciones del css pero aun asi no muestra nada

estare agradecido si me pueden ayudar,

mi codigo ts del tab 1 es:

    import { Component, OnInit } from '@angular/core';
    import { Geolocation ,GeolocationOptions ,Geoposition ,PositionError } from '@ionic-native/geolocation/ngx';

    declare  var google;

    @Component({
      selector: 'app-tab1',
      templateUrl: './tab1.page.html',
      styleUrls: ['./tab1.page.scss'],
    })
    export class Tab1Page implements OnInit {

      constructor(

           private geolocation: Geolocation

      ) { }


      ngOnInit() {
      }
      async loadmap(){

       const respuesta = await this.geolocation.getCurrentPosition();

        const myLatLng = {
         lat: respuesta.coords.latitude,
         lng: respuesta.coords.longitude
        }; 
        console.log(myLatLng);
        const mapEle: HTMLElement = document.getElementById('mapa');
        // create map
          const map = new google.maps.Map(mapEle, {
          center: myLatLng,
          zoom: 12
        });

      }
    }