Detener carga de mapas de Google

[Landa11]

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:

<button id="cambia">Ver Mapa</button><br>
<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:

<script>
    $(document).ready(function(){
    $("#cambia").click(function(){
      $("#texto").toggle();
      });
    });</script>
 

Espero haya puesto bien las etiquetas para el código

Gracias por el apoyo!!!!!!

[ArturoGallegos]

Para empezar deberias utilizar la API de google para mostrar mapas

Pero dejando eso de lado a este caso en particular basta con dejar el src del iframe en blanco, de esta forma no cargara nada.

Cambia esta linea

Código Javascript:

$("#texto").toggle();
 

por

Código Javascript:

$("#texto").attr('src', 'http://.... toda-la-url-a-cargar').toggle();
 

[Landa11]

ArturoGallegos,

Muchas gracias por tu ayuda, me sirvió bastante.

Voy a investigar sobre la API de Maps pero por lo que he leído te cobran por usar ese servicio, además voy a crear una función única con variables para ir ordenando cada una de las coordenadas que tengo.

Voy a leer muchos tutoriales de JS por que no recuerdo ya cómo llamar las funciones de un archivo JS al HTML, ando muy oxidado en estos temas.

Saludos amigo y estamos en contacto!