AngularJS не может загрузить карты Bing

Я использую AngularJS для отображения карт Bing, но появляется сообщение об ошибке «TypeError: не удается прочитать свойство 'prototype', равное нулю». Пожалуйста, посмотрите ниже.

В моем представлении Razor файл имеет следующее:

<script type = "text/javascript" src = "http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
<script type = "text/javascript" src = "~/lib/angular/angular.min.js"></script>
<script src = "~/js/Site.js"></script>
----
----
--
<div ng-app = "myDisplayItems">
    <div ng-controller = "myDisplayItemsController">
        <div id = "myMap"></div>
    </div>
</div>

В моем файле JavaScript есть:

var displayItems = angular.module("myDisplayItems", []);
displayItems.controller("myDisplayItemsController", function myDisplayItemsController($scope) {
    showMap();
});

function showMap() {         
    var key = "######";

    var map = new Microsoft.Maps.Map('#myMap', {
        credentials: key,
        zoom: 3
    });
}

Обновлять:

var displayItems = angular.module("myDisplayItems", []);
displayItems.controller("myDisplayItemsController", function myDisplayItemsController($scope) {
   $scope.map = null;
   $scope.init = function () {
         $scope.map = showMap();
   };

   angular.element(document).ready(function () {
         $scope.init();
   });
});