如何等待 Angular Google 地图将 getGMap 附加到控制对象

我一直在尝试在google.maps.Map由创建的对象ui-gmap-google-map指令来自Angular 谷歌地图库.

我需要动态地执行此操作，因此（至少通过我的简短测试）似乎使用events上的参数ui-gmap-google-map指令不起作用（因为它似乎只“读取”参数值一次，但也许我错了）。

所以我决定使用control参数，它使用方法扩充由参数值命名的对象getGMap and refresh。这是我的指令用法：

<ui-gmap-google-map center="appCtrl.mapSetup.center"
                    zoom="appCtrl.mapSetup.zoom"
                    control="appCtrl.mapSetup">
</ui-gmap-google-map>

最后，我异步加载 Google Maps API，并依赖于GoogleMapApi服务/承诺（Angular Google 地图的一部分）了解我何时可以开始安全地处理google.maps.Map对象（例如添加事件侦听器等）。下面是一个小例子：

// inside the AppController constructor, see the fiddle linked below
var mapSetup = this.mapSetup;
GoogleMapApi.then(function () {
    google.maps.event.addListener(mapSetup.getGMap(), 'click', function () {
        alert('hello');
    });

所以当页面加载时（这是小提琴），我得到“TypeError：未定义不是一个函数”，因为mapSetup对象尚未被增强getGMap or refresh。根据我对文档的理解，似乎应该是这样。

我包裹了addListener打电话给$timeout（Angular 服务）使用了几百毫秒的延迟，然后它就起作用了，因为mapSetup那时物体已经被增强了getGMap.

有没有办法避免使用$timeout任意延迟等待，直到control-指定的对象实际上被增强了？

通过我的测试以及我在文档和各种问题评论中阅读的内容，似乎这（等待control对象得到增强）是其中之一uiGmapIsReadyAngular Google 地图中的服务是专为该服务而设计的。

我目前的理解是uiGmapGoogleMapApi应用于等待 Google Maps API 的异步加载并且uiGmapIsReady应该用来等待uiGmap*指令及其所涉及的所有内容（包括control对象增强）来完成。命名说明了一切。

Here's 一个新的演示小提琴。这个演示的用法是IsReady:

IsReady.promise().then(function (maps) {
    var map1 = $scope.control.getGMap();
    var map2 = maps[0].map;
    alert(map1 === map2); // true
});

IsReady.promise (source) 接受一个可选的整数参数，指示（我很确定）的数量ui-gmap-google-map您的页面正在使用的指令。它默认为1。 （如果你碰巧给了它一个“错误”的数字，我相信返回的承诺有可能永远不会解决。）