1. 概述
适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FVS 模板的相关功能。
1.1 版本
| 报表服务器版本 | JAR包 | 插件版本 |
|---|---|---|
| 11.0 | 2021-11-15 | V1.0.0 |
1.2 场景介绍
本文主要介绍基于 FVS 的三维城市组件和官方提供的 geojson绘制工具，构建一个 3D 的产线场景。
模板资源下载地址：3D产线流程看板，模板效果如下图所示：
1.3 实现效果
根据产线的拓扑图，自定义绘制 geojson，导入三维城市后形成三维的产线拓扑图效果。
2. 示例
步骤：
2.1 绘制平面拓扑图
自定义 geojson 一定要有「顶视图」作为绘制 geojson 坐标的辅助定位，以免后期反复修改 geojson。顶视图用 PPT 或者其他软件绘制即可，举例如下：
2.2 自定义 geojson
提供一个与 FVS 配套的扩展工具（测试版），可实现用户自定义绘制 geojson：FineGeoJSON Editor
注：以下使用的产线图纸来源于网络，对应的产线场景也是虚拟的。
1）框选区域：点击“创建矩形”按钮框选产线拓扑图的区域范围：
2）上传拓扑图：将顶视图上传作为框选的区域图表。
选择好图片后，点击“完成”按钮：
3）勾画轮廓：在顶视图用右侧的工具栏“创建多边形”绘制对应的形状，对应建筑的外轮廓。
4）绘制流线：按照需求将流线绘制出来。注意线是有方向的，流向方向反的话可以更换线段的首尾。
5）设置属性：geojson 绘制完毕之后根据想要实现的视觉效果，分为主/次建筑，主/次街道等。
给主建筑/主街道分别设置名称，剩下没有名称的即为次建筑/次街道。再给每个建筑设置高度等。
6）坐标打点：如果要在场景里设置点、线、柱子等数据点的话，可以使用打点功能。复制点的经度、纬度数据，以便之后在 FVS 里设置内置数据集进行点、线、柱子的数据绑定。
注：绘制完成后要注意把上传背景的矩形删掉。
获取经纬度数据后，在设计器内新增内置数据集，如下图所示：
7）导出文件：将 geojson 文件导出。
导出的 geojson 文件是建筑信息文件，是我们在 FVS 编辑器中需要导入到三维城市组件中的建筑数据。
2.3 geojson 文件导入 FVS 生成模型
在 FVS 里新建三维城市场景，点击编辑组件。
上传刚刚绘制好的 geojson 文件，即可生成自定义的 geojson 模型效果。如下所示：
效果如下图所示：
2.4 配置数据图层
三维城市组件支持添加四种数据图层：点、柱体、线、模型。详细配置请参见：FVS三维城市-城市场景
注：模型-数据图层，选择的数据集模型名称，必须与配置栏中模型名称一致方可正常显示在地图上；若不一致，则不显示该模型的数据标签。
下面以「模型-数据图层」为例，首先添加一个内置数据集如下图所示：
模型名称与数据集中字段保持一致，如下图所示：
在三维城市编辑界面右侧配置区，点击「数据>添加数据图层」，选择「模型-数据图层」，并绑定数据集数据。如下图所示：
2.5 设置模型预警
1）定义内置数据集
点击「+」，选择内置数据集。在内置数据集设置页面，增加「状态」数据集。详情可参考帮助文档：内置数据集。
如下图所示：
2）绑定数据
在三维城市编辑界面右侧配置区，点击「数据>添加数据图层」，选择「模型-数据图层」，绑定数据集数据。如下图所示：
3）设置数据预警
点击「添加事件>数据更新后>数据预警」，设置预警条件为 '模型内容'等于'异常' ，在预警内容中可修改预警标签及样式。
具体操作如下：
2.6 效果预览
注：三维组件不支持移动端。
