Resize trigger - google map

JavaScript
1

HI Chaps

I have a hidden div that contains a google map…as initailly its hidden, when the div is active, the map doesnt load fully or centrally (grey background etc, and 20% strip of map on the left.

Ive been looking into and it seems that i need to execute

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

when the div is shown.

For the divs im using easytabs.js, however in the html i have

  <li id="maplink"><a href="#mapper" >Map</a></li>

Is there a way of executing the google map event trigger when the above is clicked?

…oh the map is loaded here:

  <div id="submap" style="width: 450px; height: 300px"></div>

which is the direct child of #mapper div

Thanks in advance