这应该很简单,但我对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>
答案 0 :(得分:2)
看起来不再支持Angular UI地图了(我可能错了),所以我使用了Angular Google Maps。