- Getting Started
- Demo apps
- How To
- Notifications
- Using VB Expressions
- Designing your App
- Events and Rules
- Rule: If-Then-Else
- Rule: Open a Page
- Rule: Open URL
- Rule: Close Pop-Over/Bottom Sheet
- Rule: Show Message
- Rule: Show/Hide Spinner
- Rule: Set Value
- Rule: Start Process
- Rule: Reset Values
- Rule: Upload File to Storage Bucket
- Rule: Download File From Storage Bucket
- Rule: Create Entity Record
- Rule: Update Entity Record
- Rule: Delete Entity Record
- Rule: Add to Queue
- Rule: Trigger workflow
- Rule: Submit Action
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Leveraging Media in your app
- Leveraging Actions in your app
- Application Lifecycle Management (ALM)
- UiPath® First-Party Apps
- Basic Troubleshooting Guide
Embed Maps
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.
For more information on how to use Google Maps search APIs, check the official documentation.
-
On Google Maps, search the address you want to share.
-
Click Share and go to the Embed a map tab.
-
Select the desired size and copy the link by clicking COPY HTML.
-
Go to your desired app in UiPath Apps.
-
Add an IFrame control.
-
Add the link copied at Step 3 in the Source field of the control. Make sure to remove the <iframe> tags from the link. For example, a link should look as follows:
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-
Go to your desired app in UiPath Apps.
-
Add a Button control.
-
Rename the button to Navigate. You can also add an appropriate icon to the button, such as a car.
-
Go to the Events tab and edit the Clicked on rule for the button.
-
Add an Open Url rule.
-
Add the Directions API from Google Maps using the following format:
https://www.google.com/maps/dir/?api=1&destination=UiPath+New+York+USA. Replace the text after = with your search query.
