AngularJS谷歌地图指令地图实例

时间:2014-04-01 13:11:03

标签: javascript angularjs google-maps-api-3 angularjs-directive angular-ui

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

$scope.map = {
events: {
    tilesloaded: function (map) {
            $scope.$apply(function () {
                $scope.mapInstance = map;           
            });
        }
    }
}

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

1 个答案:

答案 0 :(得分:26)

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

$scope.map.control.getGMap().

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

$scope.map= { control : {}, ...other map options...};

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

享受Angular !!!