Интеграция карт Bing в Angular 5

Question

Я пытался реализовать bing map в angular 4. Я использовал пакет angular-map, но он выдает справочную проблему Microsoft. Пожалуйста, посмотрите код ниже и поделитесь примером

import { Component,OnInit, ViewChild } from '@angular/core';
import { BingMapsLoader } from '../../shared/services/map-loader-service';

@Component({
  selector: 'pm-map',
  template: `
  <app-bing-map *ngIf='mapReady'></app-bing-map>`
})

export class DeviceMapComponent implements OnInit{
  mapReady = false;
      constructor() {
          BingMapsLoader.load()
              .then(res => {
                  console.log('BingMapsLoader.load.then', res);
                  this.mapReady = true;
          });
      }
      ngOnInit() {
        if (typeof Microsoft !== 'undefined') {
            console.log('BingMapComponent.ngOnInit');
            this.map = new Microsoft.Maps.Map(document.getElementById('mapId'),{
              credentials: 'Your Bing Maps Key Here',
          });
        }
      }   
    }
}

Answer 1

import { } from "bingmaps/scripts/MicrosoftMaps/Microsoft.Maps.All"

Это необходимо для импорта, чтобы получить доступ к справочнику Microsoft.