Question

I would like to readjust the map after resizing the map container. I did the following, but it does not work. What am I missing?

Gmaps.map.callback = function() {
    var g4map = Gmaps.map,
    map = g4map.map;

    google.maps.event.addListenerOnce(map, 'idle', function(){
        $("#map").animate({height: 300});
        g4map.adjustMapToBounds();
    });
};

Thanks

Answer 1

Ok, I found the answer to my question… I had to trigger the resize event on the map to update the bounds.

Gmaps.map.callback = function() {
    var g4map = Gmaps.map,
    map = g4map.map;

    google.maps.event.addListenerOnce(map, 'idle', function(){
        $("#map").animate({height: 300}, function() {
            google.maps.event.trigger(map, "resize");
            g4map.adjustMapToBounds();
        });
    });
};