apps
2023.10
false
重要 :
请注意此内容已使用机器翻译进行了部分本地化。 新发布内容的本地化可能需要 1-2 周的时间才能完成。
UiPath logo, featuring letters U and I in white
LEGACY

Automation Suite 旧版应用程序用户指南

Automation CloudAutomation Cloud Public SectorAutomation Suite
上次更新日期 2024年11月11日

嵌入地图

概述

您可以在应用程序中嵌入来自多个提供程序的地图,以便用户能够轻松到达您的位置。您还可以配置“导航”按钮,为用户指示如何从其所在位置前往您选择的目的地。在本示例中,我们将使用 Google 地图将地图嵌入到 UiPathTM Apps 中。

提示:

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

嵌入地图

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

  2. 单击“ 共享 ”,然后转到“ 嵌入地图 ”选项卡。
    docs image
  3. 选择所需的大小,然后单击“ 复制 HTML”以复制链接。

  4. UiPathTM 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""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. UiPathTM Apps 中转到所需的应用程序。

  2. 添加“ 按钮 ”控件。

  3. 将按钮重命名为 Navigate。 您还可以向按钮添加适当的图标,例如汽车。

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

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

  6. 使用以下格式添加来自 Google 地图 的Directions API :

    "https://www.google.com/maps/dir/?api=1&destination=UiPath+New+York+USA"

结果

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

  • 概述
  • 嵌入地图
  • 添加“导航”按钮
  • 结果

此页面有帮助吗?

获取您需要的帮助
了解 RPA - 自动化课程
UiPath Community 论坛
Uipath Logo White
信任与安全
© 2005-2024 UiPath。保留所有权利。