REQUISITOS DE LA ACTIVIDAD


MÓDULO 9 TEMA 2 ACTIVIDAD 1 (opcional)

Indicaciones

GEOLOCALIZACIÓN "GOOGLE MAPS"

Modificar la aplicación con Geolocalización en Google Maps para que:

  • • Cuando se cierra la App, guardar la ruta en una variable de localStorage.
  • • Para que al volver a abrirla reproduzca la ruta anterior, en vez de cargar un mapa limpio, como hace ahora.

Además se debe incluir un botón de inicializar, que cargue un mapa limpio centrado en nuestra posición, colocando un marcador en dicho punto.

Recomendación

Guardar la ruta como un array de posiciones:

  • • Donde cada posición es un array de [lat, lng]
  • • Ejemplo: [[-1.040, 11.029], [0.040, 10.029], [5.040, 12.030]]
  • • Guardar el array en localStorage serializado con JSON.stringify
  • • Recuperarlo de localStorage deserializando con JSON.parse

Instrucciones para la entrega

Subir la actividad del ejemplo de "Cronómetro" a la cuenta de "neocities.org" o el host de su elección, utilizando el proceso que ya es por Ustedes conocido.



SOLUCIÓN DE LA ACTIVIDAD

APC 62 WM

Diseño y Programación

¡¡¡ AVISO IMPORTANTE !!!

Para confirmar que el localStorage está funcionando correctamente, es necesario copiar la URL y pegarla el una pestaña nueva del navegador; de esta manera se podrá observar cómo se conservan los cambios efectuados en la memoria localStorage de HTML5.

Como "Geolocalización" trabaja con Protocolos de seguridad la "carga" de la página de la actividad esta condicionada para su correcto funcionamiento; sin embargo, y en caso de que se presentara algún tipo de problema para su visualización, se anexa la siguiente instrucción:

~ Google Chrome: si al cargar la página marca un error, para evitarlo, será necesario añadir "https://" al inicio de la URL.

Para restaurar los valores, sólo hay que limpiar el mapa con el el botón de "Limpiar Contenido".


Tu ubicación es la siguiente: