AGM: Angular Google Maps Import Injectable

Question

我正在使用AGM

我想在我的@Component中使用MarkerManager

import { Component } from '@angular/core';
import { MarkerManager } from '@agm/core';

@Component({
  selector: 'ngx-gmaps',
  providers: [MarkerManager],
  styleUrls: ['./gmaps.component.scss'],
  template: `
    <nb-card>
      <nb-card-header>Google Maps</nb-card-header>
      <nb-card-body>
        <agm-map
          [latitude]="lat"
          [longitude]="lng"
          [scrollwheel]="true"
          [rotateControl]="true"
          [mapTypeControl]="true"
          [zoom]=18
          (mapClick)="onChosenLocation($event)"
          (mapReady)="onMapReady($event)">

          <agm-marker
            [latitude]="lat"
            [longitude]="lng">
            [markerDraggable]="true"
            *ngIf="locationChosen">

            <agm-info-window
              [isOpen]="true"
              [maxWidth]="150" #infoWindow>
              <strong>JHU/APL</strong>
            </agm-info-window>

          </agm-marker>

        </agm-map>
      </nb-card-body>
    </nb-card>
  `,
})
export class GmapsComponent {

  lat = 39.163100;
  lng = -76.899428;
  locationChosen=true;

  constructor(private markerManager: MarkerManager){

  }

  onMapReady(event){
    console.log('Map is ready');
  }

  onChosenLocation(event) {
   this.lat = event.coords.lat;
   this.lng = event.coords.lng;
   this.locationChosen = true;
 }

}

我得到以下错误：

StaticInjectorError(AppModule)[InfoWindowManager ->     GoogleMapsAPIWrapper]: 
  StaticInjectorError(Platform: core)[InfoWindowManager ->     GoogleMapsAPIWrapper]: 
    NullInjectorError: No provider for GoogleMapsAPIWrapper!

如何导入MarkerManager？

Answer 1

在您的主模块中，添加以下内容

@NgModule({
    providers: [
        ...
        GoogleMapsAPIWrapper,
    ]
})

希望这能有所帮助

Answer 2

我想通了：

import { MarkerManager } from '@agm/core';
import {GoogleMapsAPIWrapper} from '@agm/core';