Módulo 10 - Tema 2: Ejercicio P2P opcional

Explicación de la tarea

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 boton 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

Solución

Versión hosted: http://gurol.neocities.org/apps/geo/manifest.webapp

Copia este enlace y pégalo en tu simulador de Firefox:

En mi caso está en inglés, pero la estructura es la misma:

• Tools - Web Developer - WebIDE
• Open App - Open Hosted App
• Pegar dirección
• Select Runtime
• Install and Run^*

^* No olvides tener instalado el simulador donde instalarlo y ejecutarlo ;)

Si tienes algún problema interactuando con el mapa, prueba a visitar http://gurol.neocities.org/apps/geo/geo.html con tu teléfono o tablet directamente.

Mi agradecimiento a Joaquín G. A., un compañero del curso que dejó su solución en el foro y me hizo entender mejor el ejercicio.