Question

我正在使用离子框架，但在整合谷歌地图时，我收到此错误：错误：未捕获（承诺）：错误：没有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，即providers下的module.ts，

DataFlow Task

错误：未捕获（承诺）：错误：没有GoogleMaps的提供商

1 个答案: