山海鲸可视化

组件简介

1. 概要

城市大师是山海鲸可视化中一个非常重要的组件,用于在组件内编辑 3D 场景。可以在 3D 组件内找到城市大师组件,本教程将为大家简单介绍城市大师组件的基本功能。

2. 组件展示

组件展示.gif

3. 样式

在样式中可以设置城市大师组件的位置辉光大小等。

3.1 基本设置

配置项 说明
不透明度 1)根据个人喜好或整体和谐度合理地使用透明度,会让大屏布局更美观; 2)这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏
启用 SSR SSR 是一种尽量逼近真实反射效果的反射方式,一般在场景中存在水面玻璃以及高金属反射的物体时会用上,很大程度的提升了视觉效果 。
曝光度 可以调整组件的曝光度。
显示坐标轴 可以设置是否显示组件的坐标轴。
主相机 可以选择主相机。参考主相机设置的教程。
原点经纬度 可以设置原点的经纬度。
原点海拔 可以设置原点的海拔。
一天时间 可以调整组件展示的时间。

城市大师组件 透明度变化,如下图所示:
不透明.gif

城市大师组件 一天的时间变化,如下图所示:
时间变化.gif

3.2 辉光设置

可以为图层设置辉光特效,以及辉光的强度
13.辉光设置.png

3.3 大小&位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入X 坐标Y 坐标来设置。

配置项 说明
组件大小 组件的 X、Y 轴坐标,X 坐标为组件左上角距离页面左边界的像素距离,Y 坐标为组件左上角距离页面上边界的像素距离。
组件位置 即组件的宽度高度,单位为px。
组件旋转 三维空间旋转可以输入任意数值,数值对应角度向 X 轴/Y 轴旋转。

位置.png

4. 控制面板

城市大师组件是可以实现组件内编辑的。双击进入组件内图层,可以在组件内图层的控制面板界面设置模型GIS笔刷、标绘、基础元素
3.面板.png

4.1 模型

城市大师组件支持自定义模型的导入和从模型库里点击添加需要的模型。模型库仍在不断的完善,目前有建筑车辆城市设施可供选择。
4.建筑.png

点击“**+”号可以从本地导入模型文件,目前主要支持GLB 文件**。
5.导入模型.png

4.2 GIS

整合完善了整个山海鲸的 GIS 功能,包括影像地形倾斜摄影。GIS 和目前的模型是紧密结合的,可以设置雾效下雨下雪动态天空等。
6.GIS.png

4.3 笔刷

提供了几款可以大规模添加植被的笔刷,可以直接用笔刷在 GIS 或者模型上进行绘制。
7.笔刷.png

4.4 标绘

可以用标绘来展示一些重要的地点,包括插入基础标记火焰标记烟雾标记飞线等,后续会不断的增加完善。
8.标绘.png

4.5 基础元素

支持一些简单的基础元素和一些适配二次开发的可编程模型的插入,包括基础形状带参数形状灯光相机
9.基础元素.png

5. 交互

交互功能为组件赋予了在一定条件下与大屏操作进行交互的能力。

【温馨提示】详细的交互设置请参考设置交互教程

6. 数据

对数据进行配置可以让组件根据相应的数据显示对应的图形,目前,山海鲸可视化软件支持导入文件数据连接数据库连接 API连接山海鲸数据管家等多种数据连接方式。

6.1 数据联动

假设有 2 个表单分别为表单 A、表单 B,将 A 表单里某个字段的值作为查询条件,关联引用出 B 表单的数据,并填写到指定的字段中,就是数据联动。

联动项 说明
联动其他组件 开启数据联动后,单击一个图表中的任一数据点,其他使用相同数据集的图表也会随其联动变化。
受其他组件联动 开启数据联动后,图表中的数据会随发起联动的组件的变化而变化。

【温馨提示】详细的数据联动设置请参考设置数据联动教程

6.2 数据筛选

将满足条件的数据通过筛选过滤出来。

筛选条件 说明
不筛选 不进行数据筛选。
筛选数据源指定行 可选择筛选数据源某一行数据。
选择数据条件 可自行选择数据筛选的条件。

【温馨提示】详细的数据筛选设置请参考设置数据筛选教程

7. 扩展设置

组件的每个样式属性都可以打开一个“扩展设置”菜单,将鼠标移至属性名称的右侧点击后即可看到,菜单共包含三个选项:“条件样式”“调用代码示例”“生成数据字段”
image.png

7.1 条件样式

此功能可以将已经设置好的数据条件应用于组件的样式属性中,便于实现组件在不同条件下的状态。
10.添加条件.png

【温馨提示】详细的条件样式设置请参考数据条件教程

7.2 调用代码示例

此功能用于组件的二次开发,便于编写二次开发相关的JavaScript 代码
11.调用代码示例.png

【温馨提示】详细的调用代码示例设置请参考二次开发教程

7.3 生成数据字段

此功能可以给组件的样式属性生成一个“动态数据项”,便于精准控制样式的属性值。
12.动态数据.png

【温馨提示】详细的生成数据字段设置请参考设置动态数据项教程

8. 组件状态

组件可以设置多个状态,状态之间可以通过设置状态触发条件来进行切换。

【温馨提示】详细的组件状态设置请参考设置组件的多状态教程

9. 数字孪生大屏应用案例

9.1 智慧校园可视化数字孪生大屏

14.1.png

9.2 智慧水闸可视化数字孪生大屏

14.2.png

9.3 智慧服务区大数据数字孪生大屏

14.3.png

10. 视频教程

请参看山海鲸可视化“城市大师组件-组件简介”视频教程:
https://www.bilibili.com/video/BV1uP411g79t/