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']); 

什么是应用程序。在用户界面 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/