Hola a todos,
He estado un par de años ausente por este canal pero estoy de regreso para pedir su ayuda en algo que me tiene rompiendo la cabeza desde hace días y explico:
Estoy realizando una página en la cual muestro un listado de sucursales de tiendas que existen en el país, y en cada una de las sucursales tengo un botón que al momento de presionar muestra el iframe de dicho mapa
El problema es que revisando con la consola de chrome he detectado que al abrir la página comienza a hacer muchos request de todos los mapas (en total 96 mapas cargados)
Mi pregunta es la siguiente,
¿existe alguna forma de que al momento de dar clic en el botón haga el request del mapa y no cuando acceso a la página?
Voy a agregar el botón que uso y el JS de uno de los botones
Código HTML:
Ver original<iframe style="display:none; border: none;" id="texto" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3702.430041314728!2d-102.29944958565666!3d21.879509863567574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8429ee7ce3a0a0c3%3A0x623ec2284033c176!2sProbell+Aguascalientes+Centro!5e0!3m2!1ses-419!2smx!4v1534193539349" width="250" height="200" allowfullscreen></iframe>
Código Javascript
:
Ver original<script>
$(document).ready(function(){
$("#cambia").click(function(){
$("#texto").toggle();
});
});</script>
Espero haya puesto bien las etiquetas para el código
Gracias por el apoyo!!!!!!
