上传监控widget。
1. 将widget文件包（Case_MapController_Widget.zip）下载到本地。
2. 单击应用左侧导航下部的“页面设置”。
3. 单击“插件”。
4. 单击“上传新插件”。
5. 在对话框中，单击“选择文件”，选择之前保存到本地的widget包，单击“确定”。
6. 单击页面上部的保存图标。
创建页面。
1. 鼠标放在“Page”上，单击界面上出现的“+”，在弹出菜单中选择“高级页面”。
2. 设置“页面标题”和“页面路径”为“monitor”，并选择“流式布局”，单击“添加”。
  
  图 1 添加高级页面

组装地图widget。
1. 单击，打开“全局组件”面板。
2. 找到“Map”，拖拽到页面空白处。
3. 选中新添加的widget，单击右下角图标，打开设置对话框。
4. 修改“地图类型”为“百度地图”，单击“保存”。
  
  地图widget默认使用高德地图，因为脚本中我们使用的是百度地图的接口，“地图类型”必须修改。其他参数，您可以根据需要修改。
  
  注意：预置的地图密钥仅供学习使用，如果您的商用业务系统中使用到地图组件，请重新申请自己的密钥。
  
  图 2 修改地图widget

组装监控widget。
1. 单击，打开“自定义组件”面板。
2. 找到“Case_MapController_Widget”，拖拽到地图组件的下方。
3. 选中新添加的widget，单击右下角图标，打开设置对话框。
4. 修改基础参数：设置“Profile Name”为“FS_FME”，“Flow Prefix”为租户命名空间前缀“HW__”。
  
  监控页面只显示现场工程师这一类操作员的位置，因此通过“Profile Name”来读取现场工程师信息。
  
  widget代码中调用的Flow名称为“queryEquipments”，在此配置前缀后，才能拼装出正确的名称“HW__queryEquipments”。
  
  图 3 设置基础参数
5. 设置桥接器：在图4中单击，在“桥接器”对话框中指定调用Flow做桥接（如图5所示），单击“保存”。
  
  图 4 设置桥接器
  
  图 5 调用Flow作为桥接器
6. 设置事件，使监控widget与地图widget关联。
  
  图 6 设置事件
  - 单击图6“addMarkersToMap”后的，在中设置事件类型为“Add Markers To Map”（图7），再单击“添加操作”，添加动作（图8）。
    
    图 7 编辑“addMarkersToMap”事件
    
    图 8 为“addMarkersToMap”添加操作
  - 单击图6“centerAndZoom”后的，在中设置事件类型为“Center And Zoom”（图7），再单击“添加操作”，添加动作（图8）。
    
    图 9 编辑“centerAndZoom”事件
    
    图 10 为“centerAndZoom”添加操作

7.  完成所有widget设置后，单击“保存”。

单击页面上部的保存图标，保存页面。
单击页面上部的发布图标，发布页面。

验证

单击页面上部的预览图标，查看页面演示效果。

在页面上分别单击和图标，查看地图中是否显示电梯设备和现场工程师的实时位置。

组装高级页面

开发方法

验证

results matching ""

No results matching ""