apps
2024.10
true
Important :
Veuillez noter que ce contenu a été localisé en partie à l’aide de la traduction automatique. La localisation du contenu nouvellement publié peut prendre 1 à 2 semaines avant d’être disponible.
UiPath logo, featuring letters U and I in white

Guide de l'utilisateur d'Apps

Automation CloudAutomation Cloud Public SectorAutomation Suite
Dernière mise à jour 18 déc. 2024

Intégrer des cartes

Vue d'ensemble (Overview)

You can embed maps from multiple providers in your app to provide users with an easy way to reach your location. You can also configure a Navigate button to offer users directions on how to get from their location to a destination of your choice. For the purpose of this example, we will use Google Maps to embed maps into UiPath® Apps.

Astuce :

Pour plus d'informations sur l'utilisation des API de recherche Google Maps , consultez la documentation officielle.

Intégrer des cartes

  1. Sur Google Maps, recherchez l’adresse que vous souhaitez partager.

  2. Cliquez sur Partager (Share) et accédez à l'onglet Intégrer une carte (Incorporer une carte).
    docs image
  3. Select the desired size and copy the link by selecting COPY HTML.

  4. Accédez à l'application souhaitée dans UiPath® Apps.

  5. Ajoutez une commande IFrame .

  6. Ajoutez le lien copié à l' étape 3 dans le champ Source de la commande. Supprimez les balises <iframe> et ajoutez des guillemets. Par exemple, un lien doit ressembler à ceci :

"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"
Remarque : pour intégrer dynamiquement des applications, nous vous recommandons d'utiliser l'API Google Maps pour intégrer des cartes. Pour plus d'informations, consultez la documentation officielle.

Ajouter un bouton Naviguer

  1. Accédez à l'application souhaitée dans UiPath® Apps.

  2. Ajoutez un champ Button .

  3. Renommez le bouton Navigate (Navigate). Vous pouvez également ajouter une icône appropriée au bouton, telle qu'une voiture.

  4. Accédez à l'onglet Événements (Events) et modifiez la règle Cliqué sur pour le bouton.

  5. Ajoutez une nouvelle règle Ouvrir l'URL (Open Url).

  6. Ajoutez l' API Directions de Google Maps en utilisant le format suivant :

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

Résultat

When previewing the app, the embedded interactive map and button are displayed. If you click Navigate, a new Google Maps page is opened. You can select your desired means of transportation and add your starting point, for instructions on how to get to the configured destination.

Cette page vous a-t-elle été utile ?

Obtenez l'aide dont vous avez besoin
Formation RPA - Cours d'automatisation
Forum de la communauté UiPath
Uipath Logo White
Confiance et sécurité
© 2005-2024 UiPath Tous droits réservés.