javascript

Google map no carga adecuadamente tras usar display: none

Si intentamos mostrar un mapa de google que previamente tenemos oculto con display: none nos encontraremos que se encuentra desplazado con el centro del mapa en el borde superior izquierdo en lugar de en el centro de la pantalla. Esto se debe a que teniendo display: none el javascript de google asume que el tamaño del div es cero y lo situa en el centro. Para evitar esto debemos cargar el iframe en el div dinámicamente esto es cuando hacemos click, para ello podemos usar el siguiente código:

<script>
function loadMapa() {
document.getElementById('mapa').innerHTML = '###CODIGO DE IFRAME###';
}
</script>
<a href="#" onclick="javascript:loadMapa()">Ver mapa</a>
Estándar

2 thoughts on “Google map no carga adecuadamente tras usar display: none

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s