三维数据可视化服务通过空间建模展示设备实时状态,方便您查看设备状态并进行管理。

三维数据可视化主要功能包括:

  • 支持拖拽建模;
  • 支持IoT设备联动;
  • 支持空间搜索。

三维数据可视化服务的操作视频请参见三维数据可视化视频演示

创建场景

  1. 登录物联网平台控制台
  2. 单击 数据分析 > 空间数据可视化选择三维数据可视化

    三维数据可视化首页
    说明 若您首次使用三维数据可视化服务,物联网数据分析服务会为您提供一个三维数据可视化体验示例,您可以根据示例创建您的第一个三维数据可视化场景。
  3. 编辑器下载处,下载模型编辑器后,使用模型编辑器制作您的场景模型。

    场景模型的制作,请参考搭建工具手册

    搭建好场景后,单击编辑器上方导航栏中的 文件 > 导出,选择ThingJS场景包保存资源包到本地备用。

  4. 三维数据可视化页面,单击+图标创建场景。
  5. 根据参数说明设置场景参数,并单击确定

    创建三维场景
    表 1. 参数说明
    参数 说明
    项目名称 设置您的场景名称,不超过12个字符。
    目标产品或设备组

    选择部署场景的目标产品或设备组。

    目标产品或设备组中包含的设备,与您使用的场景模型关联。
    授权形式 授权形式,可分为只读取设备状态读取并修改设备状态
    • 选择读取设备状态表示您授权第三方读取您的设备状态,展示在页面上。
    • 选择读取并修改设备状态表示您授权第三方读取您的设备状态,并且操作您的设备来改变设备状态,主要用于对设备的远程控制。
    刷新频率 刷新设备状态的频率,支持 秒、分钟、小时、天等时间间隔。刷新频率最小为1秒,最大为99天。
    场景模型 上传您在步骤3中制作的场景模型,或使用三维数据可视化服务提供的Demo样例。
  6. 配置设备关联参数。
    下图以Demo示例场景为例,展示设备关联内容。
    1. 双击进入下一层级,通过滚动鼠标和按左/右键调整3D模型视角。
      您也可以单击界面右上方新手引导,查看操作3D模型的方法。
    2. 在3D模型左上角单击关联设备,并在关联列表中,将您3D场景模型中的设备与IoT平台创建的设备关联起来。
      三维场景关联设备
  7. 设备关联完成后,分别单击3D模型中的具体设备,设置设备的弹窗配置及属性。
    设置设备属性
    表 2. 参数说明
    参数 说明
    弹窗配置 您首先需要设置弹窗,为设备选择勾选希望展示/操作的属性,该设置将应用到产品下所有设备中。
    属性 选择打开符合您设备的已设置好的属性按钮。
    说明 设备属性具体信息请参考单个添加物模型导入物模型
    事件 展示该设备所有的事件上报记录。
    关联设备 为该3D模拟设备关联IoT平台创建的设备。
  8. 在3D模型界面右上角单击JS开发,对已创建好的场景模型进行JS补充。
    具体操作方法请参见平台部署及更新手册
    说明 三维数据可视化场景支持按创建场景时设置的刷新频率发送设备的属性信息,在JS开发中可以添加如下message监听代码,获取三维数据可视化场景发送的设备属性数据,方便您做更加定制化的功能开发。
    window.addEventListener('message', e => {
      const { data: { action, payload } } = e;
      if (action === 'deviceStatus') {
        console.log(payload);
      }
    });

    单击保存,可保存您修改的代码。

  9. 在界面右上角单击各个按钮可进行更多操作。
    3D模型界面右上角:
    • 单击场景模型,可以更换已上传的场景模型。
      注意 场景模型更换之后您需要重新关联设备,并设置各个设备的属性。
    • 单击事件告警,查看所有设备的告警记录。

    三维数据可视化界面右上角:

    • 单击编辑,可以修改除场景模型之外的场景信息。
      编辑场景
    • 单击预览,可以全屏查看3D模型,按Esc键退出全屏。
    • 单击分享,通过两种分享方式将链接分享给其他人。
      场景分享
      两种分享方式说明如下,详细的配置方法请参见分享场景
      分享方式 描述
      授权登录访问 通过授权手机号码分享场景,适合单独使用二维数据可视化服务的场景。
      免登录访问 生成一个无需登录就能访问的URL,用户通过该URL直接访问已编辑好的二维数据可视化场景,适合需要将二维数据可视化做嵌入集成的用户或企业。