Angular UI - 角谷歌地图。是否可以动态配置 uiGmapGoogleMapApiProvider.configure(options)？

Question

是否可以将选项从 promise (ex. $http.get(...)) 动态插入到

.config(function(uiGmapGoogleMapApiProvider) {
    uiGmapGoogleMapApiProvider.configure(<object from $http>);
})

angular-ui angular-google-maps 指令？ 如果不能，您能建议任何替代方法吗？

谢谢 问候

Answer 1

不，像$http 这样的服务不能注入到提供者配置部分。相反，您可以考虑以下解决方案：

• 加载配置数据
• 加载数据后，通过uiGmapGoogleMapApi provider 配置 Google 地图加载器
• 手动引导应用程序

示例

angular.element(document).ready(function () {
  $.getJSON('settings.json')
    .then(function (configData) {
      angular.module('myApp')
      .config(['uiGmapGoogleMapApiProvider', function (uiGmapGoogleMapApiProvider) {
        uiGmapGoogleMapApiProvider.configure(configData);
       }]);
      angular.bootstrap('#myApp', ['myApp']);
    });
});

Demo: plunker