AngularJS Google Maps API Асинхронный загрузки

Question

Здравствуйте, я пытаюсь загрузить Google Maps API, асинхронно в AngularJS по этой ссылке: http://angular-ui.github.io/angular-google-maps/#!/

Я получаю следующее сообщение об ошибке:

Error: [$injector:modulerr] Failed to instantiate module due to: 
[$injector:modulerr] Failed to instantiate module RegisterClientModule due to: 
undefined is not an object (evaluating 'uiGmapGoogleMapApiProvider.configure') 

мой код (Пожалуйста, обратите внимание: я только начал с AngularJS 2-3 дня назад, я думаю, что моя ошибка легко исправить, как только я полностью понимаю, почему это не работает):

var module = angular.module('RegisterClientModule', []) 
.config(['$routeProvider', function config($routeProvider,uiGmapGoogleMapApiProvider) { 
$routeProvider.when('/registerclient', { 
    controller: 'RegisterClientController', 
    templateUrl: '/scripts/modules/RegisterClientModule/registerClientView.html' 
}); 
uiGmapGoogleMapApiProvider.configure({ 
    v: '3.17', 
    libraries: 'weather,geometry,visualization' 
}); 
}]); 

module.controller('RegisterClientController', ['$scope', function($scope, uiGmapGoogleMapApi) { 
uiGmapGoogleMapApi.then(function(maps) { 
    console.log("Google maps api loaded"); 
}); 
$scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 }; 
console.log("Google maps api provider:"+uiGmapGoogleMapApi); 

}]); 

Спасибо за ваш help

Answer 1

Вы упустили, чтобы включить uiGmapgoogle-maps в ваш модуль приложения. Это предоставит uiGmapGoogleMapApiProvider & все другие API карты Google.

var module = angular.module('RegisterClientModule', ['uiGmapgoogle-maps'])