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 Anweisungen anzubieten, wie sie von ihrem Standort zu einem Ziel Ihrer Wahl gelangen können. Für den Zweck In diesem Beispiel verwenden wir Google Maps , um Karten in UiPath Apps einzubetten .

Tipp:

Weitere Informationen zur Verwendung von 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 .

   

3. Wählen Sie die gewünschte Größe aus und kopieren Sie den Link, indem Sie auf HTML kopieren klicken.

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. Stellen Sie sicher, dass Sie die <iframe> -Tags vom Link entfernen. Ein Link sollte beispielsweise wie folgt 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

Hinweis:

Für das dynamisch Einbetten von Apps 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 Schaltflächensteuerelement hinzu.

3. Nennen Sie die Schaltfläche in Navigieren um. Sie können der Schaltfläche auch ein geeignetes Symbol hinzufügen, z. B. ein Auto.

4. Wechseln Sie zur Registerkarte Ereignisse und bearbeiten Sie die angeklickte Regel für die Schaltfläche.

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

6. Add the Directions API from Google Maps using the following format:

   https://www.google.com/maps/dir/?api=1&destination=UiPath+New+York+USA. Replace the text after = with your search query.

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 Startpunkt für Anweisungen zum konfigurierten Ziel hinzufügen.