Google maps 本机：尝试访问谷歌地图插件，但它'；它没有安装

试图在爱奥尼亚2中实现谷歌地图（本机），尝试了各种方法，但都是徒劳的

已试用：

错误：

本机：尝试访问谷歌地图插件，但未安装

安装GoogleMap插件：“爱奥尼亚插件添加plugin.google.maps.Map”

当尝试安装上述插件时，它会显示：

错误：注册表返回404以启动

HTML-

---

有人能帮我继续吗？

从这里使用本教程，它有在ionic 2中添加谷歌地图所需的所有信息

从这里使用本教程，它有在ionic 2中添加谷歌地图所需的所有信息。这是对我有用的东西。简而言之，您应该将代码放入

ngAfterViewInit（）

而不是

constructor（）

---

我也有同样的问题。这是对我有用的东西。简而言之，您应该将代码放入

ngAfterViewInit（）

而不是

constructor（）

<ion-content padding>
 <div #map id="map" ></div>
</ion-content>

import { Component } from '@angular/core';
import { NavController, NavParams, Platform } from 'ionic-angular';
import { GoogleMap, GoogleMapsEvent, GoogleMapsLatLng } from 'ionic-native';
@Component({
  selector: 'page-store-map',
  templateUrl: 'store-map.html'
})
export class StoreMapPage {
map: GoogleMap;

constructor(public navCtrl: NavController,public platform: Platform, 
public navParams: NavParams) { 
platform.ready().then(() => {
  alert('Ready');
  this.loadMap();
});
}
 ionViewDidLoad() {
console.log('ionViewDidLoad StoreMapPage');
}

loadMap()
{

    let location = new GoogleMapsLatLng(-34.9290,138.6010);

    this.map = new GoogleMap('map', {
      'backgroundColor': 'white',
      'controls': {
        'compass': true,
        'myLocationButton': true,
        'indoorPicker': true,
        'zoom': true
      },
      'gestures': {
        'scroll': true,
        'tilt': true,
        'rotate': true,
        'zoom': true
      },
      'camera': {
        'latLng': location,
        'tilt': 30,
        'zoom': 15,
        'bearing': 50
      }
    });

    this.map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {
        console.log('Map is ready!');
    });

}

}

ngAfterViewInit() {
  this.platform.ready().then(() => {
    this.loadMap();
  });
}