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

Dernière mise à jour 18 déc. 2024

Intégrer des cartes

Vue d'ensemble (Overview)

Vous pouvez intégrer des cartes de plusieurs fournisseurs dans votre application pour fournir aux utilisateurs un moyen simple d'accéder à votre emplacement. Vous pouvez également configurer un bouton Parcourir (Navigate) pour offrir aux utilisateurs des instructions sur la façon de se rendre de leur emplacement à une destination de votre choix. Pour les besoins de cet exemple, nous utiliserons Google Maps pour intégrer des cartes dans les applications UiPath® .

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. Sélectionnez la taille souhaitée et copiez le lien en sélectionnant Copier le code 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

Lors de la prévisualisation de l'application, la carte interactive intégrée et le bouton s'affichent. Si vous cliquez sur Parcourir(Navigate), une nouvelle page Google Maps s'ouvre. Vous pouvez sélectionner les moyens de transport souhaités et ajouter votre point de départ pour obtenir des instructions sur la façon d'accéder à la destination configurée.

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