2017-04-15 13 views
2

私はイオンフレームワークを使用していますが、Googleマップを統合していますが、このエラーが発生しています:エラー:未知(約束):エラー:Googleマップのプロバイダがありません!エラー:キャッチコピー:エラー:Googleマップのプロバイダがありません

これは私のマップクラスである:

 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!'); 
    }); 

} 

}

答えて

17

NgModule、すなわちプロバイダの下のmodule.ts

providers: [ 
    GoogleMaps 
] 
+0

まだ同じエラーが発生しています。もしあなたがそれをgr8のヘルプ –

+0

であると精緻化することができますあなたはそれを追加しましたか? – Sajeetharan

+0

同じクラスのNgModuleの下に –

関連する問題