Hi,
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,
typings install dt~google.maps --global
- In my HTML
<ion-content padding class="page1">
<div padding>
<img src="images/icon_transperent.png" width="200"/>
</div>
<div id="map_canvas"></div>
</ion-content>
3.My index.html:
<body>
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>
<script src="http://maps.google.com/maps/api/js"></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>
</body>
</html>
- In my Component
import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
@Component({
templateUrl: 'build/pages/start/start.html'
})
export class StartPage {
map:any
constructor( private navController: NavController, private platform: Platform) {
this.initializeMap();
}
initializeMap() {
this.platform.ready().then(() => {
var minZoomLevel = 12;
this.map = 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.
So, I want to make map such as map in ionic-conference-app.
please please help me.