api maps y display:none

[phyronx]

Buenas, el caso es que cargo una tabla dentro de un div zonaform.

Dentro de la tabla en una fila tengo el div de google maps.
Lo pruebo y todo funciona bien, pruebo de poner otro div fuera de todo, que al pulsar en un link dentro de el, haga aparecer o desaparecer el div zonaform.

Entonces funciona lo de hacer aparecer y desaparecer el div, pero el mapa de google carga mal, esta como movido. Solo me deja arrastrarlo hasta la mitad de la celda, aunque eso la imagen del mapa, si hay una marca, puedo moverla por toda la celda.

Asi ahgo lo de quitar el div

Código Javascript:

<script language="javascript" type="text/javascript">
        function izona(zonaform) {
 if(document.getElementById(zonaform).style.display == '') {
                                document.getElementById(zonaform).style.display = 'none';
                } else {
                                document.getElementById(zonaform).style.display = '';
                }
        }
</script>
 
 
<div id="izona">
 
<a href="javascript:;" onClick="izona('zonaform')";>Agregar zona</a>
 
</div>
<div style="display:none" id="zonaform">
 

No tengo nada escrito en css mas que el del mapa:

Código CSS:

<style>
      #map_canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
     
    </style>
 

GRacias