Viernes, Mayo 6

MÓDULO 9: INTRODUCCIÓN A GRÁFICOS Y ANIMACIONES SVG. GEOLOCALIZACIÓN.

---

Ejercicio P2P opcional

Modificar el ejemplo del cronómetro, quitando los 2 botones: arrancar/parar e inicializar. Añadir en su lugar los siguiente eventos tactiles sobre el body del cronómetro

• 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

Ejercicio P2P Obligatorio

---

Entrega P2P obligatoria

Entrega.

Modificar la aplicación de calculo de rutas geolocalizada en Google Maps, añadiendo un botón de “compactar” las rutas mostradas. Al pulsar el boton se deben eliminar los puntos intermedios de la ruta.

La ruta se compactará volviendo a visualizar el mapa limpio y mostrando sobre él solo los puntos inicial y final, junto con la ruta directa que los une.

Recomendación: Crear una variable nueva que guarde en todo momento el punto inicial de la ruta. La variable se iniciará en el momento de cargar la aplicación y guardará el origen de la ruta para cuando haya que compactar.

Al pulsar "compactar" se visualizará el mapa limpio, se pondrán los marcadores inicial (variable nueva) y final (“lat”, “long”) y se mostrará la ruta entre ellos.

Subir dicha aplicación a la cuenta de neocities.org

Entrega P2P obligatoria