Google map is not visible in ionic

I am trying to display google map in my ionic-2 app, but I am receiving this error.

Runtime Error:

Uncaught(in promise):TypeError:google.maps.mapTypeId is undefined.

Show us your code that throws this error.
Also explain how you implemented Google maps in your app.
Post the output of your ionic info as well.

https://www.youtube.com/watch?v=JZxyUSkpaks&t=4s , i have implemented google map by this tutorial,

and here is my map.ts code:

import { Component, OnInit } from '@angular/core';

declare var google; 

 @Component({
           selector: 'map',
           templateUrl: 'map.html'
         })


 export class MapDirective implements OnInit{
  public map;
        constructor() {
       }
    ngOnInit(){
            this.map=this.createMap();
            }

        createMap(location= new google.maps.LatLng(11.1271,78.6569)){

         let mapOptions = {

    center: location,
    zoom:15,
    mapTypeId:google.mapTypeId.RoadMap,
    disableDefaultUI: true
  }

  let mapEL = document.getElementById('map');
  let map = new google.maps.Map(mapEL,mapOptions);
  
    return map;
}

}

I don’t receive any error on my code, but the browser says this is run time error.

Your code is beyond broken. It makes not much sense.

check now , i edited the code

google.maps.mapTypeId that is throwing the error is still not part of the code you posted.

yes that was an error, can u tell me how to define the google.maps.mapTypeId at where?.

or tell me what code you want my side ,so i can post the code.