Google Maps working in Ionic 2 beta 11

I tried some projects working with Google Maps in Ionic 2 but don’t work fine for me. I think that is for my version of Ionic, I’m working with beta 11 so… Has Somebody worked with Google Maps in Ionic 2 beta 11 and working fine? Thanks in advance.

Best regards.

I tried to update an app which is using google maps to beta11 and it is still working.
Do you have any error ? Any fail ?

Thanks for reply me mvrc. I don’t have error but I can’t see anything in my screen, all is white (using google chrome and my smartphone Android). My code is like this:

<ion-buttons end>

  <button (click)="addMarker()"><ion-icon name="add"></ion-icon>Add Marker</button>


<div #map id="map"></div>

import {Component, ViewChild, ElementRef} from ‘@angular/core’;
import {NavController} from ‘ionic-angular’;

declare var google;

templateUrl: ‘build/pages/home/home.html’
export class HomePage {

@ViewChild(‘map’) mapElement: ElementRef;
map: any;

constructor(public navCtrl: NavController) {




let latLng = new google.maps.LatLng(-34.9290, 138.6010);

let mapOptions = {
  center: latLng,
  zoom: 15,
  mapTypeId: google.maps.MapTypeId.ROADMAP
} = new google.maps.Map(this.mapElement.nativeElement, mapOptions);


.scroll {
height: 100%;

#map {
    width: 100%;
    height: 100%;

and I add this line in my index.html
<script src=""></script>

Do you know how to solve it?
Thanks in advance!

Do you have added your api key ?[replacewithyourkey]&libraries=places

And in your developper console (f12 with chrome) do you have any warning ? error ?

Well, I didn’t have any key because was a warning and I saw that wasn’t obligatory. Now I have a key and now in my index.html :

Now I don’t have warning and error. Only one warning: “Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator” .
My screen continuous white :S

Well, now using Google Chrome works fine (Problem with my scss), In my smartphone Android has worked only once, after that screen white. Perhaps it is because of the key? I don’t know…

I don’t know what is the problem.
Maybe with some cordova plugins (like whitelist…).

You should try to run it on android with livereload and console logs (ionic run android -l -c) to see what’s the error on your phone.

Still having a blank map?
Using the Google Maps javascript sdk, I solved a blank map problem adding <uses-permission android:name="android.permission.INTERNET" /> to the AndroidManifest.xml