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 Schaltfläche Navigieren konfigurieren, um Benutzern Wegbeschreibungen anzubieten, wie sie von ihrem Standort zu einem Ziel Ihrer Wahl gelangen. Für den Zweck In diesem Beispiel verwenden wir Google Maps , um Karten in UiPath Appseinzubetten.

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.

   

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 in das Feld Quelle des Steuerelements ein. Stellen Sie sicher, dass Sie die <iframe> -Tags aus dem 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: 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. Ersetzen Sie den Text nach = durch Ihre Suchanfrage.

Ergebnis

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