Apps
Plus récente (Latest)
False
Image de fond de la bannière
Guide de l'utilisateur d'Apps
Dernière mise à jour 26 avr. 2024

Intégrer des cartes

Vue d'ensemble (Overview)

Vous pouvez intégrer des cartes de plusieurs fournisseurs dans votre application pour offrir aux utilisateurs un moyen facile d'atteindre votre position. Vous pouvez également configurer un bouton Naviguer pour offrir aux utilisateurs des instructions sur la façon de se rendre de leur position à la destination de votre choix. À cette fin de cet exemple, nous utiliserons Google Maps pour intégrer des cartes dans 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. Sélectionnez la taille souhaitée et copiez le lien en cliquant sur COPIER 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. Assurez-vous de supprimer les balises <iframe> du lien. 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!2srohttps://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. Remplacez le texte après = par votre requête de recherche.

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 Naviguer, une nouvelle page Google Maps s'ouvre. Vous pouvez sélectionner le moyen de transport souhaité et ajouter votre point de départ pour obtenir des instructions sur la façon de vous rendre à 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
Logo Uipath blanc
Confiance et sécurité
© 2005-2024 UiPath. All rights reserved.