Javascript AngularJS谷歌地图指令地图实例
我用的是谷歌地图库。但我想使用map实例,它不是在angularjs上下文中通过以下方式加载的:Javascript AngularJS谷歌地图指令地图实例,javascript,angularjs,google-maps-api-3,angularjs-directive,angular-ui,Javascript,Angularjs,Google Maps Api 3,Angularjs Directive,Angular Ui,我用的是谷歌地图库。但我想使用map实例,它不是在angularjs上下文中通过以下方式加载的: $scope.map = { events: { tilesloaded: function (map) { $scope.$apply(function () { $scope.mapInstance = map; }); } } } 好的,很好,我有mapIns
$scope.map = {
events: {
tilesloaded: function (map) {
$scope.$apply(function () {
$scope.mapInstance = map;
});
}
}
}
好的,很好,我有mapInstance,我可以编程使用它。但在应用程序生命周期中,这种情况可能会发生得很晚——换句话说,我希望在其他代码之前加载整个指令(并获取映射实例)——我只是不想使用其他映射事件 在最近从docs页面的示例中查找map实例的方法时,我遇到了以下问题:
$scope.map.control.getGMap().
确保在google maps HTML标记上,将选项属性设置为control=“map.control”
,并在$scope.map
对象中设置一个空对象
$scope.map= { control : {}, ...other map options...};
当google map启动时,空对象被填充。我希望这会有所帮助,而且不会太晚
尽情享受吧 例如,你如何保证地图加载以确保你之前不尝试渲染标记?我不确定这是最佳实践,但我使用$timeout,0模式来确保地图实际实例化(不一定加载分幅)在引用map.control之前,我使用以下代码来确保映射被实例化:uiGmapGoogleMapApi.then(function(){//your code here})。角度谷歌地图在其地图中也提供了iReady服务API@OlgaGnatenko,请解释如何从该函数获取贴图对象。