The Problem Concerned with Google map API on device


I upgrade to RC 0.

Then, I want to insert Google Map Web API into my ionic 2 app.

So, refering to this, I make it in the only web browser.

I test it on iOS device, but it shows only white screen when starting the app.

My process is followed,

  1. typings install dt~google.maps --global
  2. In my HTML
<ion-content padding class="page1">

    <div padding>
        <img src="images/icon_transperent.png" width="200"/>

    <div id="map_canvas"></div> 


3.My index.html:


  <!-- Ionic's root component and where the app will load -->

  <script src=""></script>
  <!-- cordova.js required for cordova apps -->
  <script src="cordova.js"></script>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>


  1. In my Component
import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';

  templateUrl: 'build/pages/start/start.html'

export class StartPage {


  constructor( private navController: NavController, private platform: Platform) {


   initializeMap() {

        this.platform.ready().then(() => {
            var minZoomLevel = 12;

   = new google.maps.Map(document.getElementById('map_canvas'), {
                zoom: minZoomLevel,
                center: new google.maps.LatLng(38.50, -90.50),
                mapTypeId: google.maps.MapTypeId.ROADMAP


I think google.maps isn’t recognized in the device.

What can i do. please help me.

Additionally, In ionic-conference-app, maps using Web API is well operating but i am not. :frowning:

So, I want to make map such as map in ionic-conference-app.

please please help me.

please help me!! :frowning:

It is solved.

just adding declare var google