Estoy tratando de crear una app en ionic 4 en  la cual se navegue con ion tabs. El problema está en que debo mostrar un mapa dentro del ion tab y ni siquiera me toma  las coordenadas. Estoy usando el api en javascript  de  google. La app compila bien pero no muestra el mapa, ya  cambié las  dimensiones del css  pero aun así no muestra nada.

Código ts del tab 1:


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

	  }
	}