Google Maps

Apps mit Google Maps verbinden

Mit der Integration von Google Maps in Power Apps kannst du Standorte anzeigen und Routen planen – direkt aus deiner App heraus. Ich zeige dir Schritt für Schritt, wie du die Google Maps API in Kombination mit der Launch Funktion von Power Apps nutzt, um eine benutzerfreundliche App zu erstellen.

Schritt 1: Google Maps einbinden

Füge einen Button in deine Power App ein. In der OnSelect-Aktion kannst du jetzt mithilfe der Launch-Funktion direkt auf die Google Maps API zugreifen. Die Launch-Funktion ermöglicht es dir, direkte URLs zu übergeben, die dann direkt geöffnet werden.

Beispiel: Standort Hamburg anzeigen

Button
OnSelect = Launch("https://www.google.com/maps/search/?api=1&query=Hamburg")

Mit diesem Code öffnet sich Google Maps und zeigt den Standort „Hamburg“ an. Auf Smartphones wird automatisch die Google Maps App geöffnet, wenn sie installiert ist.

Schritt 2: Routenplanung mit Start- und Zielpunkt

Du kannst die URL anpassen, um dir eine Route zwischen zwei Standorten anzeigen zu lassen.

Button
OnSelect = Launch("https://www.google.com/maps/dir/?api=1&origin=Hamburg&destination=Berlin")

Hierbei sind:

• origin der Startpunkt (z. B. „Hamburg“)
• destination das Ziel (z. B. „Berlin“)

Um Zwischenstopps hinzuzufügen nutzt du den Parameter waypoints. Mehrere Zwischenstopps trennst Du mit einer Pipe (|):

Button
OnSelect = Launch("https://www.google.com/maps/dir/?api=1&origin=Hamburg&destination=Berlin&waypoints=Hannover|Wolfsburg")

Schritt 3: Verkehrsmittel wählen

Du kannst auch das Verkehrsmittel festlegen, indem Du den Parameter travelmode hinzufügst:

• driving für Auto
• transit für öffentliche Verkehrsmittel
• walking für zu Fuß
• bicycling für Fahrrad

Beispiel: Fahrradroute

Button
OnSelect = Launch("https://www.google.com/maps/dir/?api=1&origin=Hamburg&destination=Berlin&waypoints=Hannover|Wolfsburg&travelmode=bicycling")

Schritt 4: Zielparamter aus der App

Nutze Texteingabefelder für Stadt und Straße. Kombiniere die Eingaben zu einer vollständigen Adresse:

Button
OnSelect = Launch("https://www.google.com/maps/dir/?api=1&destination=" & txt_Stadt.Text & "," & txt_Straße.Text)

Schritt 5: Standort ermitteln

Mit PowerApps kannst Du den aktuellen Standort über die Location-Eigenschaft auslesen:

 Location.Latitude // Breitengrad
Location.Longitude //Längengrad

Da google Maps die Koordinaten mit Punkten anstelle der Komma benötigt musst du diese mithilfte der Substitute Funktion anpassen.

 Substitute(Location.Latitude; ","; ".")

In der URL kannst Du diese Werte dann für den Startpunkt nutzen:

Button
OnSelect =
Launch(
    "https://www.google.com/maps/dir/?api=1&origin=" & Substitute(
        Location.Latitude;
        ",";
        "."
    ) & "," & Substitute(
        Location.Longitude;
        ",";
        "."
    ) & "&destination=" & txt_Stadt.Text & "," & txt_Straße.Text & "&travelmode=bicycling"
)

Ich hoffe dieses Tutorial hilft dir dabei, deine Prozesse im Unternehmen effizienter und nutzerfreundlicher zu gestalten.

Melde dich gerne für meinen Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps & Power Automate zusende.

 Hier gehts zum Detailvideo: