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
});
}
}