Estuve haciendo pruebas y, por lo que vi, la carga del mapa se adapta a la del elemento HTML en el que se visualizará, pero no ocurre lo mismo cuando este último cambia de tamaño (por eso no se ven las imágenes). Sin embargo, la solución es muy simple: dentro de los paréntesis del método
.slideToggle() que usas en la ejecución del clic, como segundo argumento (función que se ejecutará al terminar de ejecutarse el efecto [
Fuente]), invoca a la función que realiza la carga del mapa. Por ejemplo, en la página de Google Maps,
hay un código de referencia en el que se utiliza una función de nombre
initialize() (en otros ejemplos se llama
initMap()) la cual se encarga de la carga del mapa. Por tanto, solo necesitarías colocar ese nombre como segundo argumento entre los paréntesis:
Código Javascript
:
Ver original$('#ver_mapa_btn').on('click',function(){
$('#marco_mapa').slideToggle('slow', initialize);
//Instrucciones
});
