角谷歌地图在加载地图之前显示加载器

时间:2015-06-07 09:19:53

标签: angularjs google-maps

我正在使用这个好的模块: http://angular-ui.github.io/angular-google-maps

我想知道如何才能展示装载机 地图已加载/显示 我已经尝试过(在视图中)

ng-if="map"

但它不起作用。 有人可以提示吗?

1 个答案:

答案 0 :(得分:1)

您可以使用isReadyng-showng-hide来承诺这样做:

控制器:

angular.module('myApp')
  .controller('MainCtrl', function ($scope, uiGmapIsReady) {

    $scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 };

    uiGmapIsReady.promise(1).then(function() {
      $scope.mapLoaded = true;
    });

  });

查看:

<p ng-hide='mapLoaded'>loading...</p>

<ui-gmap-google-map ng-show='mapLoaded' center='map.center' zoom='map.zoom'></ui-gmap-google-map