угловые-Google-карты не отображаются полностью, пока браузер не изменен

Question

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

Я загрузил все файлы, используя беседку и добавил зависимость к моему основному модулю.

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>