Google Maps se muestra por la mitad

[kimmy]

Hola amigos:

Tengo una pagina donde muestro un mapa que se genera con coordenadas cargadas en mysql. El problema es que lo muestro dentro de un tab y se ve mal, solo muestra una parte. Está aqui:

http://vamonosdevacaciones.com.ve/po...p?codigo=P0001

en el tab del final en la tercera pestaña que se llama mapa.

Que creen que tengo mal????

[Dradi7]

trata de quitar a ese div sino me equivoco el siguiente estilo overflow: hidden;

[kimmy]

Hola Dradi7. Le quite todos los overflow:hidden pero sigue igual.

[Dradi7]

El error puede estar porque en esta lineas no encuentra el objeto

Código Javascript:

document.getElementById("loglat")
document.getElementById("loglong")
 

[kimmy]

No es por eso, pues simplemente apuntan a esto:

Código PHP:

<div id="map_canvas" style="width:400px; height:400px"></div><br> 
<font color="#0000FF"><strong id="loglat">Latitud:</strong></font>  
 
<br> 
<font color="#FF0000"><strong id="loglong">Longitud:</strong></font>
 

Estuve leyendo esto que parece ser una solución pero no se como colocarlo en mi código:

http://stackoverflow.com/questions/6...029514#7029514

y también está este otro:

http://www.raymondcamden.com/index.c...nd-Google-Maps

[kimmy]

Le cambie esto en el css jquery-ui:

Código CSS:

.ui-tabs .ui-tabs-hide{position: absolute; left: -10000px;}
 

y en el javascript le coloqué esto:

Código Javascript:

$(document).ready(function() {
    $("#tabs4").tabs();
    $('#tabs4').bind('tabsshow', function(event, ui) {
  if (ui.panel.id == "tabs4") {
    resizeMap();
  }
  
});
 
  });
 

pero sigue sin funcionar correctamente

????

[Dradi7]

Verifica este ejemplo que realize

http://jsfiddle.net/ldiego/gbVgL/1/