Come aprire l'app della mappa di un dispositivo mobile quando un utente fa clic su un collegamento?

Question

Ho un'app web in cui, se un utente fa clic su un collegamento, dovrebbe aprire una mappa. La soluzione migliore che posso pensare è aprire una nuova scheda/finestra su google maps usando l'attributo target="_blank".

Ma penso che sia sarebbe meglio aprire l'app della mappa del dispositivo anziché google map.

So che è possibile far aprire l'app del telefono dell'utente quando l'utente fa clic su un numero di telefono con l'attributo href che punta a tel:<the phone number>. Mi chiedo se questo è possibile anche con l'app della mappa.

C'è un modo per consentire a un tag di ancoraggio di aprire l'app della mappa del dispositivo mobile quando l'utente fa clic su di esso?

Answer 1

È possibile utilizzare la GEO URI Scheme "geo: latitudine, longitudine" specificato da RFC 5870 in un link, come

<a href="geo:124.028582,-29.201930" target="_blank">Click here for map</a> 

C'è anche il comgooglemaps:, che lancia il Google Maps app for iOS, ad esempio:

comgooglemaps://?center=40.765819,-73.975866&zoom=14&views=traffic 

Dove

• center: questo è il punto centrale della vista della mappa. Formattato come stringa separata da virgola di latitude, longitude.
• mapmode: imposta il tipo di mappa visualizzato. Può essere impostato su: standard o streetview. Se non specificato, verranno utilizzate le impostazioni correnti dell'applicazione.
• views: Attiva/disattiva visualizzazioni specifiche. Può essere impostato su: satellite, traffic o transit. È possibile impostare più valori utilizzando un separatore di virgola. Se il parametro è specificato senza valore, cancellerà tutte le viste.
• zoom: specifica il livello di zoom della mappa.

E come techtheatre Detto questo, è possibile utilizzare un mappe regolari di Apple collegamento per innescare Mappe Apple:

//maps.apple.com/?q=Raleigh,NC 

Lasciando fuori il protocollo selezionerà automaticamente quella corretta da utilizzare, quindi se si voleva avere un collegamento dinamico è possibile creare un codice condizionale che modifichi il collegamento tra google.com e apple.com a seconda del sistema in uso.

Answer 2

In realtà ... ora che Apple ha una propria applicazione di mappa, non raccolgono più i link di Google Maps e li instradano nell'applicazione di mappatura (per impostazione predefinita ... anche se questo può essere modificato sul dispositivo). Come tale, ora devi fare un po 'di sniffing per determinare se il dispositivo è Android o Apple. Se si utilizza il collegamento corretto per il sistema operativo mobile corretto, il dispositivo prenderà l'intento e invece di utilizzare il browser, entrerà nell'app di mappatura.

Se Android, link come questo:

https://maps.google.com/?q=Houston,+TX 

Se Apple, link come questo:

http://maps.apple.com/?q=Houston,+TX 

Questo è certamente un dolore, e speriamo che il W3c alla fine di standardizzare una mappa trigger (come tel: per i numeri di telefono). In bocca al lupo!

Answer 3

Sì, tag come tipo di dati ecc. Non hanno funzionato anche per me. Ho usato il collegamento diretto da Google (puoi scegliere "share point" e fornirà un html diretto che indicherà la posizione).

Si aprirà Google Maps nel browser.

Answer 4

Per me, la risposta migliore è stata la standardizzazione di un tag della mappa, ad esempio "MAP:".

Quindi per fare in modo che un indirizzo invochi le mappe, premettelo con MAP:.

Quindi per dire ad un amico dove qualcosa è, utilizzare qualcosa come: Map: 123 any street PA 98234.

Quindi, quando si fa clic sull'indirizzo (per un telefono, toccato), viene richiamata l'app di mappatura predefinita.

Aggiunto da commentare:

L'idea era di e-mail e sms, se si vuole un esempio di codice, questo funziona su Android:

try 
{ 
    String uri = "geo:0,0?q=" + Address; 
    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(uri)); 
    intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
    getApplicationContext().startActivity(intent); 
} 
catch (SecurityException es) 
{ 
    if (LOG) Log.e("Dbg", "Map failed", es); 
} 
catch (ActivityNotFoundException e) 
{ 
    if (LOG) Log.e("Dbg", "Map failed", e); 
}