4

getGMap() 返回 Map 对象的一个​​实例。如果地图尚未准备好，则此函数返回未定义。是否有事件或方式告诉地图已准备好并且调用 getGMap 肯定会返回谷歌地图？

谢谢

亚什

4

2 回答 2

12

您可以uiGmapIsReady在控制器中使用 - 请IsReady参阅docs。

uiGmapIsReady返回：
- 地图加载并准备就绪后的承诺
- 地图信息数组（我称之为map_instances）
- 数组长度取决于您在页面中加载了多少地图
- 数组中的每个对象都包括谷歌地图对象

在您的控制对象上使用getGmap()ready 将如下所示：

HTML

<div ng-app="myApp" ng-controller="myController">
    <ui-gmap-google-map 
        center="map.center" 
        zoom="map.zoom" 
        control="map.control">
    </ui-gmap-google-map>
</div>

控制器

myApp.controller('myController', function ($scope, uiGmapIsReady) {

    $scope.map = {
        center : {
            latitude: 37.7749295, 
            longitude: -122.4194155 
        },
        zoom : 14,
        control : {}
    };

    uiGmapIsReady.promise()
    .then(function (map_instances) {
        var map1 = $scope.map.control.getGMap();    // get map object through $scope.map.control getGMap() function
        var map2 = map_instances[0].map;            // get map object through array object returned by uiGmapIsReady promise
    });

});

请注意，您还可以如何通过两种方法访问地图对象：
- 通过map_instances数组（看起来像[map1Instance, map2Instance, ...]）
-$scope.map.control.getGMap()只要您在 html 中定义了它，并且$scope

JSFIDDLE

于 2015-02-08T21:10:29.020 回答
1

您可以通过将它传递给地图选项的“事件”属性来附加到 tilesloaded 事件。瓦片加载到地图上后触发（因此加载了地图）。

于 2015-01-08T16:26:17.873 回答