在angular2中,有没有人知道如何使angular2-google-maps工作或知道类似的节点模块

时间:2016-11-01 20:47:12

标签: angular angular-google-maps

在angular2中,有没有人知道如何使angular2-google-maps工作或知道类似的节点模块。

这是我目前的模块:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { FormsModule} from '@angular/forms';
import { AgmCoreModule } from 'angular2-google-maps/core';

import { SearchJobsComponent } from './searchJobs.component';


@NgModule({
  imports: [CommonModule, RouterModule, FormsModule, AgmCoreModule],
  declarations: [SearchJobsComponent],
  exports: [SearchJobsComponent],
  providers: []
})
export class SearchJobsModule { }

这是我得到的错误:

  

由以下原因引起:没有MapsAPILoader的提供商!   没有MapsAPILoader的提供者!       在NoProviderError.BaseError [作为构造函数](core.umd.js:1104)       在NoProviderError.AbstractProviderError [作为构造函数]

2 个答案:

答案 0 :(得分:1)

您错过了NgModule装饰器中的.forRoot()调用:

@NgModule({
  imports: [CommonModule, RouterModule, FormsModule, AgmCoreModule.forRoot()],
  declarations: [SearchJobsComponent],
  exports: [SearchJobsComponent],
  providers: []
})

请务必查看设置指南here

答案 1 :(得分:1)

正如PerfectPixel所说,您需要使用.forRoot()调用导入AgmCoreModule,以便它也导入所有相关提供程序(例如MapsAPILoader)。

请注意,您需要在根模块中执行一次,然后导入AgmCoreModule,就像您已经在每个需要其组件的模块中一样。