UiPath Documentation
apps
2023.10
false
Guide de l’utilisateur des applications héritées pour Automation Suite
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.

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 et accédez à l'onglet Intégrer une carte .

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

  3. Renommez le bouton Naviguer. Vous pouvez également ajouter une icône appropriée au bouton, comme une icône.

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

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

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

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 Naviger, 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 d'accéder à la destination configurée.

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

Connecter

Besoin d'aide ? Assistance

Vous souhaitez apprendre ? UiPath Academy

Vous avez des questions ? UiPath Forum

Rester à jour