¿Hay alguna manera de invocar la navegación desde un navegador móvil?

Estoy desarrollando un pequeño sitio web HTML5 / javascript para ser abierto por los navegadores móviles de dispositivos como android / iphone. Estoy utilizando la ubicación geográfica de HTML5 para obtener la ubicación actual, pero una vez que tengo que quiero navegar a algún destino. Lo mejor que me ocurrió fue que el usuario hace clic en un enlace similar al siguiente enlace

https://maps.google.com/maps?saddr=london&daddr=paris

Sin embargo, que no abre la aplicación de navegación, simplemente cambia al sitio web móvil de Google Maps. ¿Hay una manera de abrir la aplicación de navegación (GPS) mediante HTML5 / javascript? Algo como esto:

 navigate:London to Paris

Puedes usar enlaces geográficos para abrir la aplicación de navegación en Android. Desafortunadamente esto no es compatible con iOS. Pero por lo general hay que recordar que no se puede controlar directamente cómo se maneja este enlace en el dispositivo, como he dicho iOS no hace nada o incluso puede mostrar un error de enlace no válido, y puede haber dispositivos Android que también no admiten esta característica . Sólo recuerde que no puede estar seguro de si funciona en cualquier lugar y, como tal, su sitio web no debe depender de esta característica, sólo debe ser un poco más de utilidad para los dispositivos que admiten esta función.

1) Mostrar una ubicación en una aplicación nativa de mapa

Con el enlace geo puede especificar una ubicación como esta:

 geo:longitude,laditude

O así:

 geo:street+address

También puede buscar una dirección como esta:

 geo:?q=street+address

También puede definir un nivel de zoom como este:

 geo:street+address?z=3

Y también es posible combinar múltiples parámetros como este:

 geo:?q=street+address&z=15

Pero ten cuidado que esto no funciona como se esperaba. En este caso, en Google Maps, comienza con el nivel de zoom definido y, a continuación, inicia la búsqueda para acercar el objetivo.

Aquí hay un poco de documentación de Android.

2) Abrir una ruta en Google Maps

También puede usar el siguiente enlace para mostrar sólo una ruta entre dos ubicaciones:

 http://maps.google.com/maps?saddr=street+adress&daddr=street+address

Y las coordenadas también funcionan con esto:

 http://maps.google.com/maps?saddr=50,10&daddr=50,20

Puede volver a usarlo de esta manera:

 <a href="http://maps.google.com/maps?saddr=New+York&daddr=San+Francisco">Route New York --> San Francisco</a>

3) Iniciar inmediatamente una navegación

Con esta opción, el enlace abre una ruta a una ubicación y el dispositivo no sólo muestra la ruta sino que empieza a navegar de inmediato:

 google.navigation:q=street+address

También puede utilizar las coordenadas:

 google.navigation:q=50,10

Lo usarías así:

 <a href="google.navigation:q=San+Francisco">Navigation to San Francisco</a>

4) Pruebas

He probado todo en un Nexus 5 con Android 4.4 (KitKat) con el siguiente HTML:

 <!DOCTYPE html> <html> <head> <title>Geo Link Test</title> </head> <body> <p><a href="geo:50,10">Location 50/10</a></p> <p><a href="geo:Vienna">Location Vienna</a></p> <p><a href="geo:?z=5&q=New+York">Zoom 5, Search for New York</a></p> <p><a href="geo:?q=San+Francisco&z=15">Zoom 15, Search for San Francisco</a></p> <p><a href="google.navigation:q=San+Francisco">Navigation to San Francisco</a></p> <p><a href="google.navigation:q=50,10">Navigation to 50/10</a></p> <p><a href="http://maps.google.com/maps?saddr=New+York&daddr=San+Francisco">Route New York --> San Francisco</a></p> <p><a href="http://maps.google.com/maps?saddr=50,10&daddr=50,20">Route 50/10 --> 50/20</a></p> </body> </html>

Bien después de un montón de pruebas de enlace lo he resuelto para mí:

<a href="http://maps.google.com/maps?q=loc: <lat>,<lng>&navigate=yes">nav</a>

Esta es la apertura de la aplicación de navegación del usuario elegir el menú, y pasar los cables a los que desea navegar.

disfrutar