Estoy usando el marco iónico, pero al integrar Google Maps recibo este error: Error: No detectado (en promesa): Error: ¡No hay proveedor para GoogleMaps!
esta es mi clase de mapa:
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;// Cargar mapa solo después de inicializar la vista 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!'); }); }}
Debe agregar el proveedor al NgModule, es decir, module.ts en proveedores,
providers: [ GoogleMaps ]