Enunciado ejercicio P2P opcional
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
Subir la actividad del ejemplo de "Geolocalización" a la cuenta de "neocities.org"
Para ver las instrucciones o el resultado usar en el menú de la barra superior.
Instrucciones de uso
OJO!!! Si se usa en Google Chrome dará error la geolocalización porque desde su versión 50, han restringido los sitios que no tienen registrados como seguros. Esto no quiere decir que el sitio que estás visitando sea inseguro, sólo que ellos no lo tienen registrado como seguro. Usar mejor Firefox para probarlo.
El uso de la aplicación es sencillo, por defecto mostrará la última geolocalización realizada o la última ruta, con todos los marcadores intermedios, independientemente de que se haya cerrado el anavegador desde´el último uso.
Si es la primera vez que se usa, la aplicación realizará una geolocalización, por lo que se pedirá, desde el navegador, el consentimiento del usuario para realizarla, una vez realizada, mostrará un mapa con un marcador centrado en el que se dará la ubicación aproximada. Mediante toues en la pantalla o un click de ratón se pueden ir añadiendo marcadores con los que se trazará una ruta en coche, desde el marcador anterior.
Si lo que se desea es un mapa límpio con sólo nuestra localización, en todo momento se puede pulsar el botón inicializar, con el que se borrarán la rutas y marcadores anteriores y volverá a un estado inicial.
Gracias por visitarme.