IONIC google map weißer Bildschirm

Question

zeigt I cant zeigen google map auf dem Gerät

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { 
    GoogleMaps, 
    GoogleMap, 
    GoogleMapsEvent, 
    GoogleMapOptions, 
} from '@ionic-native/google-maps'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    map: GoogleMap; 
    constructor(public navCtrl: NavController) { 
    } 

    ionViewDidLoad() { 
    this.loadMap(); 
    } 

    loadMap() { 
    let mapOptions: GoogleMapOptions = { 
     camera: { 
     target: { 
      lat: 43.0741904, 
      lng: -89.3809802 
     }, 
     zoom: 18, 
     tilt: 30 
     } 
    }; 

    this.map = GoogleMaps.create('map_canvas', mapOptions); 

    // Wait the MAP_READY before using any methods. 
    this.map.one(GoogleMapsEvent.MAP_READY) 
     .then(() => { 
     console.log('Map is ready!'); 

     // Now you can use all methods safely. 
     this.map.addMarker({ 
      title: 'Ionic', 
      icon: 'blue', 
      animation: 'DROP', 
      position: { 
      lat: 43.0741904, 
      lng: -89.3809802 
      } 
     }) 
      .then(marker => { 
      marker.on(GoogleMapsEvent.MARKER_CLICK) 
       .subscribe(() => { 
       alert('clicked'); 
       }); 
      }); 

     }); 
    } 

} 

Mit dieser CSS und HTML

page-home { 
    #map_canvas{ 
    height: 400px; 
    } 
} 
<ion-header> 
    <ion-navbar> 
    <ion-title>Home</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 
    <div #map_canvas></div> 
</ion-content> 

Im gehend auf Android-Gerät laufen zu lassen, die an meinen PC angeschlossen ist, über USB und mit diesem Befehl

ionic cordova run -l -c -s --debug 

und es gab mir diesen Fehler

Es ist ein neues Projekt, ich möchte nur versuchen ionic, ich bin neu darin, und wollte Google Karte zu App hinzufügen. Ich habe Google Maps API in der Konsole aktiviert, auch auf Geräte-App-Aktualisierung, aber Karte wird nicht angezeigt.

Vielen Dank für alles, was

Answer 1

die multiple_maps Zweig Version versuchen.

`` ` $> git clone https://github.com/mapsplugin/cordova-plugin-googlemaps

$> git Kasse multiple_maps

$> git ziehen

$> cd (dir Projekt)

$> cordova Plugin rm cordova-plugin-googlemaps

$> cordova plugin hinzufügen (pfad zu)/cordova-plugin-googlemaps --variable API_KEY_FOR_AND ROID = "..." --variable API_KEY_FOR_IOS = "..." `` `