javascript - 无法使 Angular UI-Map 工作

Question

这应该很简单，但我是 Angular 的新手，真的无法理解来自 Angular UI 团队的 UI-Map 文档。

https://github.com/angular-ui/ui-map

有几件事我不明白，所以我可能更容易给它们编号。

1) 文档谈到使用 Bower 进行安装，但我没有使用。它说我必须加载 UI-map 和 UI-event 但我正在从 cdnjs.com 加载 Angular UI，所以我认为它捆绑了我需要的所有指令，还是我错了？

2) 文档说在使用以下代码加载 Google Maps API 时我必须监听回调参数..

function onGoogleReady() {
  angular.bootstrap(document.getElementById("map"), ['app.ui-map']);
}

但是我不知道这是做什么的，也不知道它在什么地方被调用？谷歌准备好后会自动调用它吗？为什么它将 map 附加到 ID 为“map”的元素，我肯定需要能够使用指令在许多元素上动态使用 map ？

更令人困惑的是，他们自己的演示调用了函数“initCall”，而不是“onGoogleReady”。

3) 文档说我必须将它添加为对我的应用程序模块的依赖。

var myAppModule = angular.module('app.ui-map', ['ui.map']); 

什么是应用程序。在 ui-map 之前？我当前的应用程序声明如下所示，并且只有在数组中命名的依赖项...

var portal = angular.module('portal', ['ngAnimate','ui.router', 'ui.bootstrap', 'restangular'])

也许我真的很愚蠢，但我在数组中添加了'ui-map'但它似乎没有用:(

我知道这对某些人来说似乎很容易，但正如我所说，我是 Angular 的新手，仍然不完全了解依赖注入(inject)的工作原理或加载/初始化事物的顺序。任何帮助将不胜感激。

Answer 1

看起来不再支持 Angular UI map (我可能错了)，所以我改用 Angular Google map 。

http://angular-google-maps.org/