Cómo solucionar en jQuery mobile el problema con los mapas de Google

Cualquiera que haya mezclado javascript con Google Maps tarde o temprano se ha encontrado con un problema a la hora de mostrar los mapas. jQuery mobile no es una excepción, pero por suerte existe solución.Si estás leyendo esto es porque la imagen de abajo te resulta familiar y no encuentras la forma de que el mapa se muestre por completo: “la primera vez se muestra bien, pero al volver a entrar ya se ve mal”.

Esto es debido a que utilizando jQuery la web no se está recargando, todas las peticiones se realizan por AJAX ¿Y cuál es esta solución? Hay que refrescar el mapa antes de mostrarlo. Veamos cómo hacerlo.

Suponiendo que la página en la que se encuentra el mapa tiene el id “#pagina”  la capa contenedora del mapa es “#map_canvas”, debemos escribir:

$(‘#pagina’).live(‘pageshow’,function(event, ui){
$(‘#map_canvas’).gmap(‘refresh’);
});

Esperamos que os haya sido de utilidad.

Etiquetas: , , ,

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos requeridos, están marcados *

*


*