使用带有 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 窗格中配置的实例的位置属性。
添加位置属性:
-
创建 SuperTag 与实例。
例如,可以创建一个资产 $Tank 以及名为 Tank1 和 Tank2 的实例。
-
向每个实例中添加属性。例如,“流量”和“温度”。
-
添加位置属性,如“纬度”和“经度”。
-
使用标记字典设置属性值。
示例:
双击 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 小组件配置每个资产实例的地图设置。
配置地图设置
-
打开 WindowMaker。
-
在“工业图形工具箱”窗格中,导航到小组件,然后双击 Map_App。
地图设置配置屏幕显示为画布上的一个选项卡。
-
配置地图的源

-
选择添加。
此时将在“源”网格中创建一个新条目。
-
输入源的名称。
-
从“供应器”列表中选择地图供应器,如 Bing。
这是可选的。如果未选择任何地图供应器,MapApp 将使用缺省的 Map App 供应器。 -
输入配置值
APIKey: An6Grh5_YKz-_CYnREoNn3nOaBU_rlnVEoc7o8HpSj3GWCvjseEguPvN3rJkZ95T
-
-
配置缩放层。
缩放层可用于为地图添加缩放百分比。

要添加缩放层:
-
选择添加。
-
输入缩放层的名称。此处提供的名称会填充到“位置”选项卡的“层”列中。
例如,可以将 Tank1 的层设置为“缺省值”,并将 Tank2 的层设置为“状态”。
-
输入最小和最大缩放百分比。
例如,如果将“状态”层的最小和最大缩放百分比分别设置为 9% 和 31%,则仅当缩放百分比介于 9% 到 31% 之间时,图形 Tank2Sym 才会显示在地图中。
-
设置缺省层:设置为缺省值的缩放层显示“真”,而所有其它条目显示“假”。
要删除缩放层,请选择删除。
要将缩放层设置为缺省值,请选择设置缺省值。
-
-
配置位置
从“资产”配置屏幕中配置的“资产”属性值中检索每个资产的位置详细信息。

从“缩放层”选项卡中检索层信息。
例如,可以将 Tank1 的层设置为“缺省值”,并将 Tank2 的层设置为“状态”。
这意味着仅当缩放百分比介于 9% 到 31% 之间时,图形 Tank2Sym 才会显示在地图中。
-
选择确定以保存并关闭页面。
嵌入 MapApp 小组件
您必须将 MapApp 小组件嵌入到图形中才能在地图上对其进行查看。
嵌入 MapApp 小组件:
-
创建新的图形。例如,MyApp。
-
在图形编辑器中编辑此图形。
-
使用鼠标右键单击图形编辑器中的任意位置,然后选择嵌入工业图形。
-
在 Galaxy 浏览器中,选择“图形工具箱”中的小组件。
-
从小组件列表中选择 Map_App。

-
选择 Map_App 小组件并将其嵌入到画布上,然后调整大小。
-
编辑 Map_App 小组件的小组件属性。
“配置名称”是必填字段。我们建议您至少更新以下属性值 – ConfigName、CurrentZoom、InitialLatitude、InitialLongitude 和 InitialZoom。
例如,可以按如下方式设置属性值:
ConfigName = 缺省值
CurrentZoom = 5
InitialLatitude = 33
InitialLongitude = -114
InitialZoom = 30

-
选择确定。
-
将图形嵌入到框架窗口上,然后关闭并保存该窗口。
在 WindowViewer 或 Web 客户端中查看 MapApp
您可以在 WindowViewer 或 Web 客户端中查看配置的资产和 MapApp。
在 WindowViewer 中查看 MapApp
-
快速切换到 WindowViewer,然后打开包含 MyMap 图形的窗口。
-
Map_App 小组件和 SuperTag 即会显示在地图上配置的位置。

-
调整缩放百分比以放大或缩小地图。
在 Web 客户端中查看 MapApp
-
安装 Chrome 浏览器并将其设置为缺省浏览器。
-
在 WindowViewer 运行的情况下,启动 Web 客户端。
-
从菜单中选择“MyMap”图形。
Map_App 小组件和 SuperTag 即会显示在地图上配置的位置。
-
调整缩放百分比以放大或缩小地图。
