карта Google не показывает отлично после увеличения ширины

Question

Я использую этот код, чтобы увеличить ширину и высоту Google Map контейнера DIV:

var myMap = document.getElementById('googleMap'); 
myMap.classList.toggle('fullscreen'); 

и CSS:

.fullscreen { 
width: 100% !important; 
height: 100% !important; 
overflow: visible !important; 
} 

все работает отлично но есть часть, скрытая с правой стороны карты.

Answer 1

Хорошо, я решил, просто добавил это в функцию инициализации карты:

var btn = document.getElementById('resize');  
google.maps.event.addDomListener(btn, 'click', function(){resize()}); 

function resize(){ 
    google.maps.event.trigger(map, 'resize'); 
} 

поэтому, когда кнопка изменения размера изменит контейнер контейнера карты с помощью css, вся карта также изменит размер с помощью этого вызова.