Wie kann man mit JavaScript die Google Maps App öffnen?

1. Einleitung
2. Funktionsweise hinter dem Öffnen der Google Maps App
3. Wie sieht der JavaScript-Code zum Öffnen der Google Maps App aus?
4. Wichtiges zum Einsatz in der Praxis
5. Fazit

Einleitung

Oft entsteht die Frage, wie man aus einer Webseite oder Webanwendung heraus die Google Maps App direkt auf einem mobilen Gerät öffnen kann. Dies ist besonders sinnvoll, wenn man dem Benutzer eine nahtlose Navigation ermöglichen möchte, ohne dass er zuerst die Webversion von Google Maps verwenden muss. Die Lösung hängt von unterschiedlichen Faktoren ab, wie dem verwendeten Betriebssystem (iOS oder Android) und dem Kontext, in dem der JavaScript-Code ausgeführt wird.

Funktionsweise hinter dem Öffnen der Google Maps App

Grundlage dafür ist, dass die Google Maps App bestimmte URL-Schemata unterstützt, die man über JavaScript aufrufen kann. Diese URL-Schemata sind so aufgebaut, dass das Betriebssystem beim Aufruf auf einem mobilen Gerät entscheidet, ob es die native App öffnet oder auf die Webversion zurückfällt. Durch das gezielte Erzeugen und Öffnen solcher URLs kann die App direkt gestartet werden.

Wie sieht der JavaScript-Code zum Öffnen der Google Maps App aus?

Die einfachste Methode besteht darin, mit JavaScript die Eigenschaft window.location auf eine speziell formatierte URL zu setzen. Für iOS-Geräte kann man das URL-Schema comgooglemaps:// nutzen. Für Android kann man ebenfalls ähnliche Schemas oder universelle URLs wie https://maps.google.com/ mit entsprechenden Parametern verwenden.

Ein einfaches Beispiel wäre:

Dies versucht, die Google Maps App mit dem Ziel Berlin, Alexanderplatz als Adresse zum Navigieren zu öffnen.

Wichtiges zum Einsatz in der Praxis

Da nicht auf allen Geräten garantiert ist, dass die Google Maps App installiert ist, sollte man immer einen Fallback einbauen. Das bedeutet, wenn das Öffnen der App fehlschlägt, kann man auf die Webversion von Google Maps im Browser verweisen. Außerdem unterscheiden sich manche URL-Schemata und Parameter leicht je nach Plattform, was mit JavaScript und dem User-Agent abgefangen werden kann.

Fazit

Mit JavaScript ist es möglich, über das Setzen der URL eine direkte Verknüpfung zur Google Maps App herzustellen. Dabei spielen die korrekt formulierten URLs eine zentrale Rolle, ebenso wie ein sorgsamer Umgang mit Fallbacks für Benutzer ohne installierte App. So kann man dem Benutzer ein besseres Benutzererlebnis bieten, indem nahtlos von einer Webseite zur Navigation mit der nativen Google Maps App gewechselt wird.