angular-maps integration in angular 6

Question

I am trying to add bing-maps in my project. I am using angular 6.

I have followed the steps listed here, starting from installation. I got some errors which are solved now by the solution in here from stackoverflow. referring to this link again in 2nd step I get the following error:

ReferenceError: provide is not defined

it comes from the code below:

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

It would be great if some one can help me. Thanks. S.O.

Edit: 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 {}

score 0 · Accepted Answer · answered Sep 11 '18 at 16:49

0

You should have it inside Provider array,

providers: [
    { provide: MapAPILoader}
  ]

answered Sep 11 '18 at 16:49

Sajeetharan

216,225
63
350
396

I have it inside that: – s144 Sep 11 '18 at 16:50
https://github.com/hoveytechllc/angular-maps-demo/blob/971b062f674b3e256e0820b3907a287aa5f401d7/src/app/app.module.ts – Sajeetharan Sep 11 '18 at 16:52

angular-maps integration in angular 6

1 Answers1