山海鲸可视化

多边形

多边形组件是鲸孪生内部的组件之一,需要手动添加,可以删除。每一个鲸孪生组件中可以添加多个多边形组件。

多边形组件通过鼠标点击的方式添加到鲸孪生组件中进行设置,多边形组件上的设置整体分为四类,分别是基础设置、样式设置、多边形材质和标记面板。下面我们逐个看下多边形组件的使用场景。

1. 基础设置

配置项 说明
不透明度 选择多边形位置根据哪一个原点的经纬度决定。
鼠标穿透 开启后可直接操作内部组件或被挡住的组件,但只能通过左侧图层选中。
是否加载 开启或隐藏多边形。

多边形组件所在位置,如下图所示:

添加多边形组件后即可点选多边形创建位置,左上角的“直线”“曲线”按钮可以切换多边形边的形状。

添加直线多边形,效果如下图所示:

添加曲线多边形,效果如下图所示:

2. 数据设置

添加好多边形后,在“数据”设置中可以添加经纬度空间坐标的位置数据,多边形也会根据数据变化。

2.1 空间坐标数据

空间坐标数据需要根据项目的三维场景来生成,示例数据如下:

多边形 ID 坐标数据
多边形 1 [“64.05,0,-41.14”,”64.05,0,22.54”,”-12.76,0,22.54”,”-12.76,0,-41.14”,”64.05,0,-41.14”]

多边形坐标的数据是由多边形中各个端点的坐标构成,每个坐标都由X 轴,Z 轴,Y 轴三个值构成,以英文逗号分隔,字段类型为字符串;

将数据导入项目后,在组件图层中选择多边形,坐标类型选择“空间坐标”,将数据字段拖入对应位置即可自动生成多边形,如下图所示:

2.2 经纬度坐标数据

经纬度数据一般都是由 GPS 设备(或者北斗设备)采集而来,我们一般来说需要将数据整理成如下格式:

多边形 ID 坐标数据
多边形 1 [“120.0001,30.2800,5”,”120.001,30.2800,5”,”120.001,30.2799,5”,”120.0001,30.2799,5”,”120.0001,30.2800,5”]

多边形坐标的数据是由多边形中各个端点的坐标构成,每个坐标都由经度,维度,海拔三个值构成,以英文逗号分隔,字段类型为字符串;

将数据导入项目后,在组件图层中选择多边形,坐标类型选择“经纬度坐标”,将数据字段拖入对应位置即可自动生成多边形,如下图所示:

3. 样式设置

配置项 说明
曲线开关 可在此处设置多边形的边缘形状为直线或曲线。
多边形厚度 可在此处设置多边形的厚度。
偏移 根据(x,y,z)坐标决定多边形位置,默认值为“0,1,0”
禁用光照 是否禁用光线影响。
无光自亮 多边形材质是否反射环境光,默认开启。

开启多边形曲线开关,效果如下图所示:

4. 多边形材质

配置项 说明
颜色 选择多边形材质中基础贴图所显示的颜色底色。
材质贴图 可在此处添加多边形材质贴图的本地贴图文件。
UV 缩放 根据效果需要缩小或放大现有的 UV 坐标。
UV 偏移 根据效果需要移动现有的 UV 坐标。
UV 旋转 调整 UVW 坐标旋转,可以改变纹理在模型表面上的方向和位置,从而调整纹理的布局。
贴图强度 调整贴图的强度,强度越高,贴图越亮。
含透明通道 开启后贴图上使 png 等类型图片的 alpha 通道起作用,呈现半透明效果。

改变多边形颜色,效果如下图所示:

5. 面板

标记面板主要用于多边形设置交互弹窗,当我们需要点击多边形显示某一弹窗时可在此处进行设置。

配置项 说明
选择弹窗 当需要多边形与弹窗设置交互时可在此处选择添加在项目中的弹窗。
显示方式 即弹窗展示方式,可选择二维或三维显示状态。
三维尺寸 即弹窗尺寸,在此处设置的尺寸与在项目中设置的弹窗尺寸不相关。
三维偏移 即在三维场景中文本相对多边形三维原点偏移程度。
朝向 即弹窗弹出后朝向,可选择“普通、面朝上、垂直转向摄像机、一直面向摄像机”,可根据需求自行选择。
优先级 即点击多边形后交互展示顺序,当优先级为 1 时则优先展示弹窗内容。
显示模式 弹窗弹出后展示样式,可选择“全部显示、轮播显示、悬停显示、点击显示”。
弹窗出现位置 可选择“点击位置”“标会中心”
面板选中状态 即面板处于选中状态时显示的状态。
面板悬停状态 即面板处于悬停状态时显示的状态。
同步点击悬停 默认关闭,开启后鼠标在弹窗上也能触发相应的事件。

多边形** 弹出标记弹窗**,如下图所示: