angular-地图集成 angular 6

Question

我正在尝试在我的项目中添加 bing-maps。我正在使用 angular 6.

I have followed the steps listed here，从安装开始。现在解决了一些错误。 referring to this link again 在第二步我得到以下错误：

ReferenceError: provide is not defined

它来自下面的代码：

provide: MapAPILoader,
deps: [],
useFactory: MapServiceProviderFactory

如果有人能帮助我，那就太好了。谢谢。 S.O.

编辑： app.module.ts:

import {
  BrowserModule
} from '@angular/platform-browser';
import {
  NgModule
} from '@angular/core';

import {
  AppComponent
} from './app.component';


// bing STart==========================================
/// <reference path="node_modules/bingmaps/types/MicrosoftMaps/Microsoft.Maps.All.d.ts" />
import {
  MapModule,
  MapAPILoader,
  MarkerTypeId,
  IMapOptions,
  IBox,
  IMarkerIconInfo,
  WindowRef,
  DocumentRef,
  MapServiceFactory,
  BingMapAPILoaderConfig,
  BingMapAPILoader,
  GoogleMapAPILoader,
  GoogleMapAPILoaderConfig
} from 'angular-maps';
// bing End============================================

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MapModule.forRoot()
  ],
  providers: [
    provide: MapAPILoader,
    deps: [],
    useFactory: MapServiceProviderFactory
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Answer 1

你应该把它放在 Provider 数组中，

providers: [
    { provide: MapAPILoader}
  ]

angular-地图集成 angular 6

angular-maps integration in angular 6

maps

bing-maps

angular