Карта Google не определяет границы, измененные при динамическом изменении размера

Question

У меня есть функция запроса карты AJAX, которая запускается при каждой загрузке страницы или перетаскивании или увеличении карты (500x500px):

google.maps.event.addListener(map, 'idle', function () {

 var bounds = map.getBounds();
 // do something

});

У меня также есть кнопка, которая запускает изменение размера этой карты до размеров окна браузера. После нажатия я понимаю, что границы карты остаются в виде 500x500px, даже если карта растягивается по всему окну, в результате чего плитки карты загружаются не полностью.

Вот частичный код для изменения размера:

$(document).ready(function() {
 $('button').click(function() {
  $('#map').css({'height': new_height, 'width': new_width});
 }
});

Перетаскивание карты не решает проблему. Карта Google определяет границы новой карты только тогда, когда я нажимаю на кнопку развернуть / восстановить в браузере. Как обойти решение этой проблемы без ручного труда?

Answer 1

Вы можете попробовать:

$(document).ready(function() {
    $('#button').click(function() {
        $('#map').css({'height': new_height, 'width': new_width});
        google.maps.event.trigger(map, 'resize');
    });
});