apps
2024.10
true
Wichtig :
Bitte beachten Sie, dass dieser Inhalt teilweise mithilfe von maschineller Übersetzung lokalisiert wurde. Es kann 1–2 Wochen dauern, bis die Lokalisierung neu veröffentlichter Inhalte verfügbar ist.
UiPath logo, featuring letters U and I in white

Apps-Benutzerhandbuch

Letzte Aktualisierung 18. Dez. 2024

Karten einbetten

Überblick

Sie können Karten von mehreren Anbietern in Ihre App einbetten, um Benutzern eine einfache Möglichkeit zu bieten, Ihren Standort zu erreichen. Sie können auch eine Navigieren-Schaltfläche konfigurieren, um Benutzern eine Anweisungen zu geben, wie sie von ihrem Standort zu einem Ziel Ihrer Wahl gelangen. Für dieses Beispiel verwenden wir Google Maps, um Karten in UiPath®-Apps einzubetten.

Tipp:

Weitere Informationen zur Verwendung der Google Maps -Such-APIs finden Sie in der offiziellen Dokumentation.

Karte einbetten

  1. Suchen Sie in Google Maps die Adresse, die Sie freigeben möchten.

  2. Klicken Sie auf Freigeben und wechseln Sie zur Registerkarte Karte einbetten.
    docs image
  3. Wählen Sie die gewünschte Größe aus und kopieren Sie den Link, indem Sie HTML KOPIEREN auswählen.

  4. Wechseln Sie in UiPath® Apps zur gewünschten App.

  5. Fügen Sie ein IFrame -Steuerelement hinzu.

  6. Fügen Sie den in Schritt 3 kopierten Link im Feld Quelle des Steuerelements hinzu. Entfernen Sie die <iframe> -Tags und fügen Sie Anführungszeichen hinzu. Ein Link sollte beispielsweise folgendermaßen aussehen:

"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1511.2061413255587!2d-73.9796223417571!3d40.75295602669006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590199a4c12d%3A0x35c4d69dd805cc5e!2sOne%20Vanderbilt!5e0!3m2!1sen!2sro!4v1674472555170!5m2!1sen!2sro""https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1511.2061413255587!2d-73.9796223417571!3d40.75295602669006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590199a4c12d%3A0x35c4d69dd805cc5e!2sOne%20Vanderbilt!5e0!3m2!1sen!2sro!4v1674472555170!5m2!1sen!2sro"
Hinweis: Um Apps dynamisch einzubetten, empfehlen wir die Verwendung der Google Maps API zum Einbetten von Karten. Weitere Informationen finden Sie in der offiziellen Dokumentation.

Schaltfläche „Navigieren hinzufügen“

  1. Wechseln Sie in UiPath® Apps zur gewünschten App.

  2. Fügen Sie ein Button -Steuerelement hinzu.

  3. Benennen Sie die Schaltfläche in Navigierenum. Sie können der Schaltfläche auch ein entsprechendes Symbol hinzufügen, z. B. ein Auto.

  4. Wechseln Sie zur Registerkarte Ereignisse und bearbeiten Sie die Regel „ Geklickt auf “ für die Schaltfläche.

  5. Fügen Sie eine Regel URL öffnen hinzu.

  6. Fügen Sie die Directions API aus Google Maps im folgenden Format hinzu:

    „https://www.google.com/maps/dir/?api=1&destination=UiPath+New+York+USA“.

Ergebnis

Bei der Vorschau der App werden die eingebettete interaktive Karte und die Schaltfläche angezeigt. Wenn Sie auf Navigieren klicken, wird eine neue Google Maps-Seite geöffnet. Sie können das gewünschte Transportmittel auswählen und Ihren Ausgangspunkt hinzufügen, um Anweisungen zum Erreichen des konfigurierten Ziels zu erhalten.

War diese Seite hilfreich?

Hilfe erhalten
RPA lernen – Automatisierungskurse
UiPath Community-Forum
Uipath Logo White