错误：未被捕获（承诺）：错误：GoogleMaps没有提供者

我正在使用ionic framework，但在整合谷歌地图我得到这个错误：错误：未被捕获（承诺）：错误：没有为GoogleMaps提供者！

这是我的地图类：

import { Component,ViewChild } from '@angular/core'; import { NavController,Platform } from 'ionic-angular'; import { App, MenuController } from 'ionic-angular'; import { GoogleMaps, GoogleMap, GoogleMapsEvent, LatLng, CameraPosition, MarkerOptions, Marker } from '@ionic-native/google-maps'; import { HttpModule } from '@angular/http'; import { NgModule } from '@angular/core'; @NgModule({ imports: [ HttpModule ]}) @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { map: GoogleMap; constructor(public platform: Platform,public navCtrl: NavController,app: App, menu: MenuController,private googleMaps: GoogleMaps) { menu.enable(true); platform.ready().then(() => { this.loadMap(); }); } @ViewChild('map') mapElement; 

//只有在视图被初始化后才加载地图loadMap（）{

  let location = new LatLng(-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!'); }); } 

}

Answer 1

您需要将提供程序添加到NgModule，即提供程序下的module.ts，

 providers: [ GoogleMaps ]