Angular JS Googleマップレンダリングの問題

Question

Googleマップに問題があります。

現在のところこのように表示されています。問題だろう何

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

var ngApp = angular.module('ngTest', ['ngResource', 'uiGmapgoogle-maps']); 
 
    ngApp.config(
 
     ['uiGmapGoogleMapApiProvider', function (GoogleMapApiProviders) { 
 
     GoogleMapApiProviders.configure({ 
 
      v: '3.17', 
 
      china: true 
 
     }); 
 
     }]);

。 助けてください、

Answer 1

としては、部分的にレンダリングされている地図上にAngular Google Maps - FAQに答え感謝：要素の前にレンダリング開始がフルサイズであれば

、Googleマップは、小さいサイズに応じて計算します。これは、隠れ要素（例えば、ng-show）の場合に最も一般的です。 これを修正するには、代わりに "ng-if"を使用します。これは、条件がtrueになるまでDOMに接続するのを待ちます。は、すべてが完全にレンダリングされた後でなければなりません。

角度のGoogleマップ - DocumentationとQuickstartが役立ちます。

さらに、この投稿はShowing a google map in angular-ui modalでも非常に役に立ちます。