城市三维场景构建器组件提升了组件的易用性、渲染视效、支持更多精准时空数据、扩大城市基础数据资产库,真正降低“数字孪生城市”的构建门槛,使得“数字孪生城市”成为一项技术普惠。本文为您演示如何在DataV产品内使用城市三维场景构建器组件的具体步骤。

前提条件

  1. 开通DataV服务
    说明 城市三维场景构建器组件仅专业版及以上版本支持使用。
  2. 进入DataV产品控制台页面,鼠标移动到右上角的用户名上,在下拉列表中单击用户中心用户中心
  3. 用户中心页面,在下方其他资源处,单击城市三维场景构建器资源内的购买三维城市场景构建器
  4. 继续在用户中心页面,在下方其他资源处,单击城市资源包资源内的购买城市资源包入口
  5. 购买资源包后,请添加钉钉群(35837282)联系DataV技术支持人员咨询组件资源包开通权限并使用的相关事宜。

搭建城市三维场景构建器

  1. 登录DataV控制台
  2. 我的可视化页面中,单击PC端创建
    新建可视化
  3. 选择空白画布模板,并单击创建项目
    选择空白模板
  4. 创建数据大屏对话框中,输入可视化应用名称,单击创建
    应用创建成功后会跳转到应用编辑器页面。进入
  5. 在画布右侧组件列表栏,单击地图 > 城市三维场景构建器
    添加组件
  6. 选择创建方式对话框内选择一个数据源来源模式并单击创建,可选默认基底数据空间数据项目
    选择数据界面
    • 默认基底数据:组件自带默认的城市基底数据,仅支持在现有数据页面框选所需数据。
      1. 您可以在选择子组件对话框中,单击一个或多个城市基底子组件;您也可以单击选中对话框右上角全选按钮,选中所有的城市基底子组件完成选择后单击下一步即可完成子组件的添加。选择子组件
      2. 单击选择范围对话框内的数据版本下拉列表,选择您已购买的数据版本,并单击对话框左上角城市列表,在列表内已有的城市选项中,选择您想展示的三维城市选项。
        注意 城市数据使用需要额外付费,请先联系DataV工作人员授权购买。
      3. 在左侧框选工具处选择一个框选工具,在城市地图中框选所需的场景范围。
      4. 完成区域框选后,单击右下角的确定即可在画布编辑器内,完成城市三维场景构建器组件的添加并加载组件框选的数据范围区域。选择数据范围步骤

        添加组件和框选数据范围的功能的详细介绍请参见添加组件并使用默认基底数据方式选择场景范围区域

    • 空间数据项目:支持自动导入账号下的空间构建平台数据项目。
      1. 选择空间数据项目对话框中,单击选中一个已有的空间项目,并单击右下角的下一步,完成空间项目的的添加。选择项目
        说明 如果在选择空间数据项目对话框内,没有任何已创建的空间数据项目,您可以单击对话框右上角的前往空间构建平台创建项目,进入空间构建平台自定义创建项目数据,详情请参见管理项目面板
      2. 进入某个空间数据项目添加图层对话框,可以在城市基底数据业务数据页签中二选一,自定义选择所需的基底数据或业务数据内容,单击右下角的确定添加图层
        说明 基于空间数据项目创建的城市三维场景构建器组件,可进入空间构建平台编辑数据。
  7. 单击画布编辑器右侧面板的进入场景编辑器
    进入场景编辑器入口
  8. 在场景编辑器内,你可以新建或删除组件的场景。场景管理功能详情请参见场景管理
  9. 在场景预览画布中,通过拖动鼠标或者滑动滚轮,手动调整地图的视角和缩放大小。视角调整功能详情请参见场景编辑器概览
    查看预览视角
  10. 在场景编辑器左侧的图层列表内,您可以对图层栏内图层进行配置管理,图层管理功能详情请参见图层面板管理
    说明 子组件被添加完成后即变为图层。
    图层栏面板管理
  11. 在场景编辑器右侧面板内,对城市三维场景构建器组件的场景基础配置项和每个被添加的子组件配置项进行参数调整。具体参数配置说明,请参见父容器配置项说明图层配置项说明
    右侧配置面板
  12. 在场景管理器下方的关键帧面板内,可以为组件当前场景设置多个不同的镜头关键帧、关键帧事件、时间系统关键帧和组件属性关键帧内容,并预览播放组件在不同关键帧时的动画样式。具体关键帧面板内功能说明,请参见关键帧面板管理
    关键帧配置
  13. 城市三维场景构建器组件配置完成并预览播放效果后,鼠标悬停至页面左上角的返回上方,可切换回画布编辑器或者蓝图编辑器进行可视化应用内后续的样式、数据和交互配置。
    切换编辑器