Botão mostrar/ocultar - Mapa não carrega

Pessoal

Eu peguei este exemplo na net, sobre ocultar/mostrar o conteúdo:

[code]var show; // declare variable to hold show/hide state
$(".thebody").hide(); // hide articles at first
$(".readme a").click(function(event){ // show/hide articles
  if (!show) { showhide($(this),"Ocultar",true); } 
  else { showhide($(this),"Mostrar Mapa",false); } 
  return false; 
  function showhide(what,swaptext,swapstate){
    $(what).parents(".readme").prev(".thebody").toggle('fast');
    $(what).text(swaptext);
    show = swapstate;
  }
});[/code]

Conteúdo:

<div class="thebody"> <div class="modulo_content"> <div id="map-canvas" style="margin:0 auto; width:90%; height:280px; border: 2px solid #ccc;"></div> </div> </div> <div class="readme"> <a href='' title='Mapa' class="btn btn-danger">Mostrar Mapa</a> </div>

Na função estou usando um mapa do google maps, com texto, essa função funciona perfeito, mas como coloquei a div do google maps, quando ele mostra o conteúdo, demora para carregar o mapa…

Alguém saberia me ajudar para mostrar o mapa rápido?