AngularJS谷歌地图指令地图实例

Nic*_*mus 8 javascript google-maps-api-3 angularjs angular-ui angularjs-directive

我正在使用http://angular-google-maps.org/这是一个很好的角谷歌地图库.但我想使用不在angularjs上下文中加载的map实例,如下所示:

$scope.map = {
events: {
    tilesloaded: function (map) {
            $scope.$apply(function () {
                $scope.mapInstance = map;           
            });
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

好的我有mapInstance,我可以通过编程方式使用它.但是在应用程序生命周期中,这种情况要迟到 - 所以换句话说,我想在其他代码之前加载整个指令(并获取地图实例) - 我只是不想使用其他地图事件.

小智 26

在最近查找从文档页面上的示例获取地图实例的方法时,我遇到了这个:

$scope.map.control.getGMap().
Run Code Online (Sandbox Code Playgroud)

确保在google-maps HTML标记上,将options属性设置为,control="map.control"并在对象中设置空$scope.map对象.

$scope.map= { control : {}, ...other map options...};
Run Code Online (Sandbox Code Playgroud)

启动Google地图时会填充空对象.我希望这有所帮助,并且为时不晚.

享受Angular!