App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

___________________________

49_B.- Navigation con el componente Map.

p49_b_mapaNavigation.aia

- Con el componente Navigation, ponemos un lugar de salida y un lugar de llegada y nos muestra en un mapa de OpenStreetMap el camino sugerido, distancia y tiempo.

- Se puede establecer el camino andando o en vehículo (TransportMethod).

- Los mapas no son los de Google, son de OpenStreetMap (OSM) con un algoritmo de OpenRouteServices (ORS) de HeiGit.

- Aquí puedes ver el tipo de mapa: https://maps.openrouteservice.org/#/place/@-6.295155,36.529347,10

- Para utilizar Navigation en esos mapas es necesario crear una cuenta gratuita en Openrouteservice para obtener una clave API.

- Creamos una cuenta en Openrouteservice para obtener la clave API: https://openrouteservice.org/dev/#/signup

- Escribimos nuestra cuenta de correo; a esa cuenta llegará un enlace de confirmación, pulsamos ese enlace y nos saldrá una página para crear un Token. Esa clave será la que debemos poner en nuestra aplicación en ClaveAPI.

- En Token name, escribe cualquier palabra.

_________________
- Diseño.

_________________
- Bloques.

_________________
2.- Pulsa en el mapa para establecer los puntos inicio y final. Mapa de Google.

p49_b_mapaNavigation_ruta.aia

- Este ejemplo es una nueva versión del anterior, pulsamos sobre el mapa, luego volvemos a pulsar en otro punto, pero esta deberá ser una pulsación larga. Se mostrará la ruta. Al pulsar el Botón de Mapa de Google se abrirá la Screen2 y se enviará la ruta para mostrarla en los mapas de Google.

- He utilizado los eventos TapAtPoint y LongPressAtPoint del componente Mapa.

- Para la ruta en coche cambiar: /data=!3m2!1e3!4b1!4m2!4m1!3e0

- Screen1.

- Screen2.

_________________
- Comentarios.

- En este enlace del Foro de la Community de App Inventor puedes ver una aplicación más completa:

https://community.appinventor.mit.edu/t/how-to-use-the-navigate-control/5900

- Cuando la posición actual según GPS está a unos 20 m de un punto de cambio, se produce un mensaje. Ver la aplicación NavigationTest.aia en:

https://community.appinventor.mit.edu/t/how-do-i-achieve-turn-by-turn-navigation-on-ai/4823/11

- Puedes poner coordenadas en vez de direcciones.

- Observa en el ejemplo del Foro que puedes obtener las distintas calles que has recorrido para llegar al destino.

- Ejemplo de ruta con ORS (openrouteservice). Sevilla.

- Cádiz

- Ejemplo de ruta con ORS. Sevilla.

https://classic-maps.openrouteservice.org/directions?n1=37.381207&n2=-5.992903&n3=16&a=37.385619,-5.998936,37.377083,-5.986899&b=2&c=0&k1=es&k2=km

- Ejemplo de ruta OSM (openstreetmap). Sevilla.

https://www.openstreetmap.org/directions?engine=graphhopper_foot&route=37.3856%2C-5.9992%3B37.3771%2C-5.9872#map=15/37.3812/-5.9932

__________________________________