无法使Angular UI-Map正常工作

时间:2014-03-17 02:00:56

标签: javascript angularjs angular-ui

这应该很简单,但我对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']);
}

但是我不知道这是在做什么或在哪里被调用?谷歌准备好后会自动调用吗?为什么它将地图附加到ID为“map”的元素,当然我需要能够使用该指令动态地在许多元素上使用地图?

为了增加混乱,他们自己的演示调用了函数“initCall”,而不是“onGoogleReady”。

3)文档说我必须将其添加为我的app模块的依赖项。

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

什么是应用程序。在ui-map之前?我当前的app声明看起来像这样,只有在数组中命名的依赖项...

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

也许我真的很蠢,但我在阵列中添加了'ui-map',但它似乎不起作用:(

我知道这对某些人来说似乎很容易,但正如我所说,我是Angular的新手,并且仍然没有完全了解依赖注入如何工作或者什么顺序被加载/初始化。任何帮助都会非常感激。< / p>

1 个答案:

答案 0 :(得分:2)

看起来不再支持Angular UI地图了(我可能错了),所以我使用了Angular Google Maps。

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