Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

使用带有 SuperTag 的 MapApp 小组件

  • Last UpdatedSep 24, 2024
  • 3 minute read

MapApp 小组件允许您在运行中应用程序中查看包含图形的地图。在运行时,地图使用户能够平移到地图的不同区域,并放大或缩小以显示更多或更少的地图详细信息。放置在地图中的图形通常表示位于地图所示区域内的业务资产。

如需有关详细信息,请参阅“小组件帮助”中的“Map_App 小组件属性”。

您可以将 SuperTag 与 MapApp 小组件进行集成,以便在 WindowViewer 或 Web 客户端中显示它。

按照工作流程在 InTouch HMI 中配置 MapApp 小组件。

步骤 1:创建 SuperTag 与 SuperTag 实例。

步骤 2:为 SuperTag 创建图形

步骤 3:配置 SuperTag 的地图设置

步骤 4:配置并使用 MapApp 小组件

步骤 5:在 WindowViewer 或 Web 客户端中查看 MapApp

创建 SuperTag 与 SuperTag 实例

MapApp 小组件使用 SuperTag 详细信息以及在 WindowMaker 的 SuperTag 窗格中配置的实例的位置属性。

添加位置属性:

  1. 创建 SuperTag 与实例。

    例如,可以创建一个资产 $Tank 以及名为 Tank1 和 Tank2 的实例。

  2. 向每个实例中添加属性。例如,“流量”和“温度”。

  3. 添加位置属性,如“纬度”和“经度”。

  4. 使用标记字典设置属性值。

    示例:

    双击 Tank1 以打开标记字典。设置以下成员(属性)值:

    Tank1\Flow = 11

    Tank1\Latitude = 33

    Tank1\Longitude = -114

    双击 Tank2 以打开标记字典。设置以下成员(属性)值:

    Tank2\Flow = 21

    Tank2\Latitude = 36.746

    Tank2\Longitude = -119.773

为资产创建图形

使用图形工具箱创建图形来代表资产。

示例:创建的图形为 Tank1Sym 和 Tank2Sym

将图形添加到资产

  • 输入图形的名称

    或者,从图形工具箱中拖放图形。

示例:

将 Tank1Sym 用于 Tank1 资产的图形

将 Tank2Sym 用于 Tank2 资产的图形

图形可以引用资产实例的其它属性,如流量和温度。

配置资产的地图设置

使用 MapApp 小组件配置每个资产实例的地图设置。

配置地图设置

  1. 打开 WindowMaker。

  2. 在“工业图形工具箱”窗格中,导航到小组件,然后双击 Map_App

    地图设置配置屏幕显示为画布上的一个选项卡。

  3. 配置地图的源

    1. 选择添加

      此时将在“源”网格中创建一个新条目。

    2. 输入源的名称。

    3. 从“供应器”列表中选择地图供应器,如 Bing。
      这是可选的。如果未选择任何地图供应器,MapApp 将使用缺省的 Map App 供应器。

    4. 输入配置值
      APIKey: An6Grh5_YKz-_CYnREoNn3nOaBU_rlnVEoc7o8HpSj3GWCvjseEguPvN3rJkZ95T

  4. 配置缩放层。

    缩放层可用于为地图添加缩放百分比。

    要添加缩放层:

    1. 选择添加

    2. 输入缩放层的名称。此处提供的名称会填充到“位置”选项卡的“层”列中。

      例如,可以将 Tank1 的层设置为“缺省值”,并将 Tank2 的层设置为“状态”。

    3. 输入最小和最大缩放百分比。

      例如,如果将“状态”层的最小和最大缩放百分比分别设置为 9% 和 31%,则仅当缩放百分比介于 9% 到 31% 之间时,图形 Tank2Sym 才会显示在地图中。

    4. 设置缺省层:设置为缺省值的缩放层显示“真”,而所有其它条目显示“假”。

    要删除缩放层,请选择删除

    要将缩放层设置为缺省值,请选择设置缺省值

  5. 配置位置

    从“资产”配置屏幕中配置的“资产”属性值中检索每个资产的位置详细信息。

    从“缩放层”选项卡中检索层信息。

    例如,可以将 Tank1 的层设置为“缺省值”,并将 Tank2 的层设置为“状态”。

    这意味着仅当缩放百分比介于 9% 到 31% 之间时,图形 Tank2Sym 才会显示在地图中。

  6. 选择确定以保存并关闭页面。

    嵌入 MapApp 小组件

    您必须将 MapApp 小组件嵌入到图形中才能在地图上对其进行查看。

    嵌入 MapApp 小组件:

    1. 创建新的图形。例如,MyApp。

    2. 在图形编辑器中编辑此图形。

    3. 使用鼠标右键单击图形编辑器中的任意位置,然后选择嵌入工业图形

    4. Galaxy 浏览器中,选择“图形工具箱”中的小组件

    5. 从小组件列表中选择 Map_App

    6. 选择 Map_App 小组件并将其嵌入到画布上,然后调整大小。

    7. 编辑 Map_App 小组件的小组件属性。

      “配置名称”是必填字段。我们建议您至少更新以下属性值 – ConfigName、CurrentZoom、InitialLatitude、InitialLongitude 和 InitialZoom。

      例如,可以按如下方式设置属性值:

      ConfigName = 缺省值

      CurrentZoom = 5

      InitialLatitude = 33

      InitialLongitude = -114

      InitialZoom = 30

    8. 选择确定

    9. 将图形嵌入到框架窗口上,然后关闭并保存该窗口。

      在 WindowViewer 或 Web 客户端中查看 MapApp

      您可以在 WindowViewer 或 Web 客户端中查看配置的资产和 MapApp。

      在 WindowViewer 中查看 MapApp

      1. 快速切换到 WindowViewer,然后打开包含 MyMap 图形的窗口。

      2. Map_App 小组件和 SuperTag 即会显示在地图上配置的位置。

      3. 调整缩放百分比以放大或缩小地图。

        在 Web 客户端中查看 MapApp

        1. 安装 Chrome 浏览器并将其设置为缺省浏览器。

        2. 在 WindowViewer 运行的情况下,启动 Web 客户端。

        3. 从菜单中选择“MyMap”图形。

          Map_App 小组件和 SuperTag 即会显示在地图上配置的位置。

        4. 调整缩放百分比以放大或缩小地图。

          In This Topic