title: Google maps do not show up in Ionic2 app
body: <p>The problem is that I don't see any map and the error appears when subscribe runs. Does anyone know how to help me?
  I tryied some ways btu they don't work
  <a href="https://forum.ionicframework.com/t/google-maps-into-ionic-2/59456/6" rel="nofollow noreferrer">google-maps-into-ionic-2</a> or <a href="https://forum.ionicframework.com/t/google-maps-from-ionic-native/54013/22" rel="nofollow noreferrer">google maps from ionic native</a></p>
  
  <p>Html:</p>
  
  <pre><code>&lt;button (click)="getMapresults()"&gt;&lt;/button&gt;
  &lt;ion-content&gt;
     &lt;div id="mapid"&gt;&lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Trypescript:</p>
  
  <pre><code>import {Component, ViewChild, OnInit, NgZone} from '@angular/core';
  import {NavController, Platform} from 'ionic-angular';
  import {
    Geolocation, GoogleMap, GoogleMapsEvent, GoogleMapsMarker, GoogleMapsMarkerOptions,
    CameraPosition, GoogleMapsLatLng
  } from "ionic-native";
  import {Observable} from "rxjs/Rx";
  private gMap: GoogleMap;
  
  location: {lat: number, lng: number};
  
  constructor(public navCtrl: NavController,
              public platform:Platform
  ) {}
  
  getMapresults() {
     this.platform.ready().then(()=&gt;{
        console.log('Platform ready!');
        this.gMap = new GoogleMap('mapid');
  
        this.gMap.on(GoogleMapsEvent.MAP_READY)
        .subscribe(()=&gt;{
          console.log('Map!');
        });
  
  }
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>Uncaught (in promise): [object Object]
  </code></pre>
  
  <p>package.json:</p>
  
  <pre><code>{
    "name": "ionic-hello-world",
    "author": "Ionic Framework",
    "homepage": "http://ionicframework.com/",
    "private": true,
    "scripts": {
      "ionic:build": "ionic-app-scripts build",
      "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
      "@angular/common": "^2.1.1",
      "@angular/compiler": "^2.1.1",
      "@angular/compiler-cli": "2.1.1",
      "@angular/core": "^2.1.1",
      "@angular/forms": "2.1.1",
      "@angular/http": "2.1.1",
      "@angular/platform-browser": "^2.1.1",
      "@angular/platform-browser-dynamic": "^2.1.1",
      "@angular/platform-server": "^2.1.1",
      "@ionic/storage": "1.1.6",
      "angular2-google-maps": "^0.16.0",
      "ionic-angular": "2.0.0-rc.3",
      "ionic-native": "2.2.3",
      "ionicons": "3.0.0",
      "rxjs": "5.0.0-beta.12",
      "zone.js": "0.6.26"
    },
    "devDependencies": {
      "@ionic/app-scripts": "0.0.45",
      "typescript": "2.0.6"
    },
    "cordovaPlugins": [
      "cordova-plugin-whitelist",
      "cordova-plugin-console",
      "cordova-plugin-statusbar",
      "cordova-plugin-device",
      "cordova-plugin-splashscreen",
      "ionic-plugin-keyboard"
    ],
    "cordovaPlatforms": [
      "ios",
      {
        "platform": "ios",
        "version": "",
        "locator": "ios"
      }
    ],
    "description": "firstMobApp: An Ionic project"
  }
  </code></pre>