1. 概述
适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FVS 模板的相关功能。
1.1 版本
| 报表服务器版本 | JAR包 | 插件版本 |
|---|---|---|
| 11.0 | 2021-11-15 | V1.0.0 |
1.2 场景介绍
本文主要介绍 FVS 的 三维城市场景组件 GIS 底图背景结合官方提供的 geojson绘制工具 的巧妙应用，以便快速实现精美的地图效果。
模板资源下载地址：智慧水务管理大屏，模板效果如下图所示：
1.3 实现效果
本文使用一个简单的示例模板讲解三维城市组件的应用，实现效果如下图所示：
2. 示例
2.1 新建模板
新建一张可视化看板，自定义名称、画布尺寸等。如下图所示：
点击「三维组件>三维城市场景」，将组件添加到画布中，如下图所示：
因为三维城市初次编辑时，需要上传 geojson 文件，所以接下来我们需要使用 FineGeoJSON Editor 工具绘制 geojson。
2.2 自定义 geojson 文件
FineGeoJSON Editor 工具的详细使用方式可参考帮助文档：FineGeoJSON Editor 。
2.2.1 搜索定位
首先通过搜索定位，定位到我们想要的地理位置。如下图所示：
2.2.2 创建多段线
定位后，如果我们没有道路、建筑等一系列需求，是可以直接导出 geojson 文件的。
但是本例我们需要在地图上显示几条管网线路，所以我们需要添加几条多段线。如下图所示：
创建完成后，选中多段线，在右侧「覆盖物」中设置其名称。如下图所示：
2.2.3 获取点位置经纬度
点击「创建标记点」按钮，选中标记点可以随意移动位置，在右侧图层属性会出现该点的经纬度。如下图所示：
获取我们需要的经纬度，在 FVS 模板中创建内置数据集，将数据信息填入。本例数据如下图所示：
注：这一步添加的标记点只是为了获取位置信息，使用完可以删除。
2.2.4 导出 geojson
完成后点击「文件>保存 GeoJSON」按钮，将导出名为 fine.geojson 的文件，导出后名称可自行修改。
2.3 设置三维城市场景
2.3.1 创建场景
回到 FVS，选中三维城市场景组件，点击「编辑组件」创建场景，选择导出的 fine.geojson 文件。
创建好之后，「场景>地面背景」默认为「单色」，只能看到管网线路，修改为「GIS底图」就可以看到 geojson 文件中的地图信息了。
操作演示如下：
2.3.2 修改模型样式
在「模型」中选中模型，修改自定义绘制的管网线路的样式，使其显示的更明显。如下图所示：
2.3.3 设置数据图层
1）点击「数据」，添加一个「点-数据图层」，绑定 2.2.4 节设置的内置数据集。如下图所示：
2）确认后点击「添加事件>数据更新后>数据标签」，为模型设置显示内容、字符大小、色相即显示形式。如下图所示：
完成后点击左上角「返回可视化看板」返回画布，适当调整组件尺寸以及三维城市视角，最后保存预览即可。
注：三维组件不支持移动端。
