角度谷歌地图在初始地图加载后运行一次功能

我认为"正确"的方法是通过将uiGmapIsReady服务注入控制器来使用 API IsReady功能。 请参阅文档。

有了uiGmapIsReady承诺，就可以使用如下代码将map传递给函数/服务等：

uiGmapIsReady.promise()                     // this gets all (ready) map instances - defaults to 1 for the first map
.then(function(instances) {                 // instances is an array object
    var maps = instances[0].map;            // if only 1 map it's found at index 0 of array
    $scope.myOnceOnlyFunction(maps);        // pass the map to your function
});

也可以循环访问 instances 数组以在每个映射上运行函数（如果您的页面中加载了多个映射）：

uiGmapIsReady.promise()                     // this gets all (ready) map instances - defaults to 1 for the first map
.then(function(instances) {                 // instances is an array object
    angular.forEach(instances, function(value, key) {
        var maps = value.map;
        $scope.myOnceOnlyFunction(maps);    // will apply this function to each map
    });
});

所以整个控制器看起来像

myApp.controller('MainCtrl', function($scope, uiGmapGoogleMapApi, uiGmapIsReady) {
    uiGmapGoogleMapApi
    .then(function(maps){
        $scope.googlemap = {};
        $scope.map = {
            center: {
                latitude: 37.7749295, 
                longitude: -122.4194155 
            },
            zoom: 13,
            pan: 1,
            options: myAppServices.getMapOptions().mapOptions,
            control: {},
            events: {
                tilesloaded: function (maps, eventName, args) {
                },
                dragend: function (maps, eventName, args) {
                },
                zoom_changed: function (maps, eventName, args) {
                }
            }
        };
    });
    uiGmapIsReady.promise()                     // this gets all (ready) map instances - defaults to 1 for the first map
    .then(function(instances) {                 // instances is an array object
        var maps = instances[0].map;            // if only 1 map it's found at index 0 of array
        $scope.myOnceOnlyFunction(maps);        // this function will only be applied on initial map load (once ready)
    });
    $scope.myOnceOnlyFunction = function(maps){  // this will only be run once on initial load
        var center = maps.getCenter();           // examples of 'map' manipulation
        var lat = center.lat();
        var lng = center.lng();
        alert('I''ll only say this once ! 'n Lat : ' + lat + ''n Lng : ' + lng);
    };
});

斯菲德尔

。不知道为什么常见问题解答中没有提到这一点："如何访问地图实例？"-或者为什么建议使用tilesloaded（被认为不可靠）而不是idle或uiGmapIsReady......？
也许常见问题解答问题实际上是"如何持续访问地图"？

Sal Niro在另一个答案中指出的那样 - 绕过不断调用tilesloaded或idle的一种选择是定义一个变量，然后在第一次运行events函数时将其标记为 true。

黑客和令人惊讶的是，API 在从控制器内初始地图加载后没有办法访问地图对象......但它有效。

但是 - 添加此答案，因为将整个控制器放在函数（或条件）中是不切实际的 - 并且您可能希望连续调用某些函数。 因此，只需在调用映射之前在控制器中定义"运行一次"变量即可。

解决方案：
定义一个设置为false或0的变量（此处任意称为"initialMapLoad"）：
var initialMapLoad = 0

然后，在您的谷歌地图事件定义（例如tilesloaded，dragend或idle）中，您可以将只想运行一次的函数放在一个条件中：

if(initialMapLoad === 0) { 
    my_single_run_function(); 
    var initialMapLoad = 1
}

不要忘记在函数运行后重新定义initialMapLoad变量以1或true。

例：

myApp.controller('MainCtrl', function($scope, uiGmapGoogleMapApi) {
    var initialMapLoad = 0;
    uiGmapGoogleMapApi
    .then(function(maps){
        $scope.map = {
            center: {
                latitude: 37.7749295, 
                longitude: -122.4194155 
            },
            zoom: 13,
            events: {
                tilesloaded: function (maps, eventName, args) {
                    // functions that run every time 
                    alert('I say this after every tile load');
                    if(initialMapLoad === 0){
                        // functions that run only once
                        alert('I only say this once' + maps.getBounds());
                        initialMapLoad = 1;
                    }
                },
            }
        };
    })
});

查看此 jsfiddle 中的工作示例