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

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');
});