Google Maps v3 load partially on top left corner, resize event does not work

Question

Google Maps V3 loaded partially on top left corner. I tried the following methods:

• Add google.maps.event.trigger(map, \'resize\'); after map in

Answer 1

I've had this issue before too and fixed it by waiting for the map's 'idle' state (i.e. when it's finished) and then calling the resize:

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