嵌入地图

概述

您可以在应用程序中嵌入多个提供商的地图，以便用户能够轻松找到您的位置。您还可以配置“导航”按钮，为用户提供如何从其所在位置到达您选择的目的地的路线。出于在本示例的一部分中，我们将使用Google 地图将地图嵌入到UiPath Apps中。

提示：

有关如何使用Google 地图搜索 API 的更多信息，请查看官方文档。

嵌入地图

1. 在 Google 地图上，搜索您要共享的地址。

2. 单击共享，然后转到嵌入地图选项卡。

   

3. 选择所需的大小，然后单击“复制 HTML”来复制链接。

4. 在 UiPath Apps 中转到所需的应用程序。

5. 添加IFrame控件。

6. 在控件的“来源”字段中添加在步骤 3中复制的链接。确保从链接中删除 <iframe> 标签。例如，链接应如下所示：

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

备注：

要动态嵌入应用程序，我们建议使用Google Maps API 来嵌入地图。有关更多信息，请查看官方文档。

添加“导航”按钮

1. 在 UiPath Apps 中转到所需的应用程序。

2. 添加一个Button控件。

3. 将该按钮重命名为“导航” 。您还可以向按钮添加适当的图标，例如汽车。

4. 转到“事件”选项卡，然后编辑按钮的“已单击”规则。

5. 添加“打开 URL”规则。

6. 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.

结果

预览应用程序时，将显示嵌入式交互式地图和按钮。如果单击“导航” ，系统则会打开一个新的Google 地图页面。您可以选择所需的交通方式，并添加起点，以获取有关如何到达配置的目标的说明。