Botão Ocultar/Mostrar ajax

Pessoal

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

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

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?