在浏览器调整大小之前，angular-google-maps未完全呈现

Question

<ui-gmap-google-map center="{latitude: 43.100187, longitude: -77.6329959}" 
                    zoom='8'>
</ui-gmap-google-map>

我使用bower加载了所有文件，并将依赖项添加到我的主模块。

angular
  .module('main',['ngRoute', 'ui.bootstrap', 'datatables', 'uiGmapgoogle-maps'])
  .config(config);

在调整浏览器大小之前，地图无法正常渲染。这是一个错误还是我的使用有问题？

Answer 1

设置中心和缩放以及style标记上的ui-gmap-google-map属性应该会有所帮助。

<ui-gmap-google-map center='map.center' zoom='map.zoom' style="width: 100%; height: 100%">
  <ui-gmap-markers></ui-gmap-markers>
</ui-gmap-google-map>