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. , i have implemented google map by this tutorial,

and here is my map.ts code:

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

declare var google; 

           selector: 'map',
           templateUrl: 'map.html'

 export class MapDirective implements OnInit{
  public map;
        constructor() {

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

         let mapOptions = {

    center: location,
    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.