¿Estas atascado? ¡Yo te ayudo!, pregunta aquí.

Mapa de openstreetmap falla al recargar pagina.

Todo codigo relacionado exclusivamente con html y css en todas sus versiones.

Notapor alexiter » Vie Feb 15, 2019 1:35 pm

Es posible que si implementa el sistema de ubicacion de openstreetmap en su web u en otra aplicacion, este carge correctamente la primera vez, pero al recargar la pagina o navegar voviendo a ella en una misma sesion, el mapa salga mal (zoom al maximo y/o repitiendose el mapa en modo mosaico).

Basicamente este es un problema simple de cache del navegador. La solucion es sencilla.

En la linea de src: del iframe donde se hace llamada al mapa con la ubicacion, tenemos que añadirle un comando que cambien en cada refresco/recarga de la pagina. Para ello, usaremos php y el comando time();

un ejemplo seria este:

codigo iframe original:
Código: Seleccionar todo
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-4.322218894958497%2C36.71142654872674%2C-4.304301738739015%2C36.719012115613076&amp;layer=hot" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=17/36.71522/-4.31326&amp;layers=H">Ver mapa más grande</a></small>


Codigo iframe modificado:

Código: Seleccionar todo
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-4.322218894958497%2C36.71142654872674%2C-4.304301738739015%2C36.719012115613076&amp;layer=hot&variable=<? echo time(); ?>" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=17/36.71522/-4.31326&amp;layers=H">Ver mapa más grande</a></small>


Como puede observarse, al final de la url del src, he añadido &variable=<? echo time(); ?> esto se encarga de modificar la url para que en cada refresco sea distinta ya que añade al final una variable con valor timestamp (tiempo unix actual).

Y nada mas.
alexiter
Site Admin
 
Mensajes: 141
Registrado: Dom Nov 17, 2013 9:54 pm

Volver a HTML y CSS (html5, css3, ...)

cron
  • Buscar mensajes nuevos
  • Buscar temas sin respuesta
  • ¿Quién está conectado?
  • En total hay 0 Usuarios identificados :: 0 registrado, 0 ocultos y 0 invitados (basados en usuarios activos en los últimos 5 minutos)
  • La mayor cantidad de usuarios identificados fue 28 el Vie Ago 19, 2016 11:55 pm
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados