Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/07/2012, 14:20
phyronx
 
Fecha de Ingreso: mayo-2009
Mensajes: 232
Antigüedad: 15 años
Puntos: 3
api maps y display:none

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:
Ver original
  1. <script language="javascript" type="text/javascript">
  2.         function izona(zonaform) {
  3.  if(document.getElementById(zonaform).style.display == '') {
  4.                                 document.getElementById(zonaform).style.display = 'none';
  5.                 } else {
  6.                                 document.getElementById(zonaform).style.display = '';
  7.                 }
  8.         }
  9. </script>
  10.  
  11.  
  12. <div id="izona">
  13.  
  14. <a href="javascript:;" onClick="izona('zonaform')";>Agregar zona</a>
  15.  
  16. </div>
  17. <div style="display:none" id="zonaform">

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

Código CSS:
Ver original
  1. <style>
  2.       #map_canvas {
  3.         margin: 0;
  4.         padding: 0;
  5.         height: 100%;
  6.       }
  7.      
  8.     </style>


GRacias