火羽白麟的博客

本专栏深入探讨Cesium在三维地理信息系统中的多样化应用，应用于多个实战场景。全面提升您在三维地理信息可视化方面的技能。无论您是初学者还是进阶开发者，本专栏都将为您提供实用的技术指导和丰富的应用案例。本专栏将长期更新。

天空中的云朵也算是一种天气气候的效果，它能更加逼真的反映当前的天气状况，可以是白云朵朵，也可以是乌云密布，结合其他天气效果，可以组合形成较为真实的三维可视化场景。

手工模型文件本身是不自带地理信息位置的，所以想要模型在我们设置好的位置及方位，需要我们进行空间上的调整，而如果纯粹进行代码上的微调和修改，调试上将是灾难级别的，所以开发一个简单的模型调整的工具也是非常有意义的。小的模型，我们可以直接在Cesium中进行加载，而比较大的手工模型，通常也是进行切片成3DTiles后再加载的，所以一样需要进行地理位置及方位上的调整。

在结合手工模型或BIM模型的应用中，立体广告牌对于建筑物或物体的说明效果非常好，一个好的广告牌设计效果，可以为三维可视化的总体视觉效果加分不少。以下应用带透明通道图片作为立体广告牌的效果进行展示。

Shadertoy 是一个基于 WebGL 的在线平台，专门用于创建、分享和探索着色器程序。也是学习GLSL的一个好网站，提供了非常丰富的示例。文章提供了Cesium集成Shadertoy纹理材质的方法，用简洁的示例介绍如何将Shadertoy 中的glsl代码整合到Cesium中，作为纹理材质使用。可以基于此掌握基础的整合方式，为以后进一步的应用高级效果提供基础。

Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库，Cesium一词来源于化学元素铯，铯是制造原子钟的关键元素，研发小组通过命名强调Cesium产品精益求精，专注时间数据可视化。

Cesium中使用pitch、heading、row三个参数表示相机的姿态，使用position表示相机位置。heading：默认方向为正北，正角度为向东旋转，即水平旋转，也叫偏航角。pitch：默认角度为-90，即朝向地面，正角度在平面之上，负角度为平面下，即上下旋转，也叫俯仰角。roll：默认旋转角度为0，左右旋转，正角度向右，负角度向左，也叫翻滚角。

Cesium可视域分析主要用于分析特定观察点在虚拟场景中的可见范围。可视域分析可分析建筑物、地形对视野的遮挡效应，评估景观可视性，确保观景台、高层住宅或地标建筑的视野开阔性，同时避免对周边环境造成视觉污染。可模拟雷达站、哨所或摄像头的监控范围，帮助优化布防位置，确保关键区域无盲区。在灾害模拟中，快速确定救援人员的视野范围，辅助制定疏散或救援路径等。

Cesium中的天气效果，虽然没有UE中的真实，细腻，但在一定程度上也可以反映现实及某一时刻的天气状态，而大部分基于Cesium开源的天气实现，并没有参数调整，比如雨下的角度、雨点大小、速度等；本文提供了天气一些效果参数的传入，可以进行一定程度的微调。

该方法是利用了风场的效果在水流动及流动方向上的应用，可以比较生动的表现当前水动力模型数据。

管线数字孪生能够将复杂的地下管线系统以三维可视化的形式呈现出来。通过精确的建模和数据映射，管理人员可以直观地看到各种管线的分布位置、走向、管径大小、材质等信息，就如同在现实中直接观察一样。借助物联网技术与数字孪生模型相结合，可以实时采集地下管线的运行数据，如压力、流量、温度等。当数据出现异常时，系统能够立即发出预警信号。本文通过简单的示例结合物联网监测，实现对管线管点的三维化展现及状态监测。

淹没分析是通过模拟水体扩散过程来评估洪水、海平面上升等情景下可能影响的区域，其核心作用是为防灾减灾、规划设计和风险管理提供科学依据。预测淹没的范围、水深和持续时间，识别高风险区域，帮助政府制定应急预案和疏散路线，减少人员伤亡和财产损失。

在专栏中，我们已经实现了一版三维沙盘的效果，它的好处在于背景可以根据大屏的风格进行设计，以贴合整体效果，但实际中，也有很多客户需要在沙盘周围显示地图信息，并且可以快速的在地图和沙盘之间切换。以下是另一种方式实现类型沙盘地图的效果。

三维模型的子构件管理，在模型的层次化、细致化控制及管理有重要的作业，在一个较大的模型中，含有许许多多的子构建、子模型，用户可能需要单独的查看、分析及控制子构建，包括物联监测中对于其当前的状态信息进行单独展示，分层次的对整个机械设备的管理和控制。模型的亮度调节，可以对一些光线不足的模型进行调亮，使可视化视觉上更加舒适。

三维热力图通过色彩渐变与高度维度的叠加，将数据分布以立体可视化形式呈现，有效提升信息密度与分析效率。其核心作用在于直观揭示数据的空间聚集特征、动态变化趋势及多维度关联关系，尤其适用于复杂场景的全局洞察与细节探索。在城市规划领域，三维热力图可叠加人口密度、交通流量等数据，辅助识别区域发展潜力与资源配置矛盾；商业分析中，通过消费热力分布定位高价值客群聚集地，优化网点布局等。

在数字孪生应用中，水利是非常重要的应用场景，在基于Cesium中，利用粒子效果来表现闸站开关闸放水的效果也是经常涉及到，放水效果，可以在整体的场景中，一眼体现闸门的开关闸状态，并且可以基于粒子效果的参数，视觉上体现开度情况，更加真实的体现实际的闸门控制状态。如关闸效果中，并不是简单的直接循环删除所有闸口的粒子对象，关闸效果是逐渐放水减小的过程，到无放水的时候，再删除粒子对象，这样视觉效果比较真实舒服。衍生改变粒子效果的贴图、颜色、角度（偏转角、俯仰角、翻滚角），可以用粒子效果来表现喷泉、火、雾等效果。

在三维应用中，对于项目边界范围周边的大海、湖泊、河流、水库等的水面动态效果进行模拟，结合倾斜摄影数据，提供较为真实的水体波动，能够在系统使用中提升地形和环境的真实感。在此提供了两种水体的动态效果，可以根据需要应用在不同的水域。

现今的可视化系统中，沙盘常用于大屏效果的展现，它可以突出重点需要表现区域，结合特效，可以表现的更加立体，更具科技感。以往制作沙盘效果，更多的需要美工对沙盘的区域进行设计，然后贴到地图中，工作量大，而且贴图的空间位置常常有偏差。我们需要一种更加通用，节省工作量的方法。在以下实现中，不同地区的沙盘效果，我们只需要更换沙盘的边界文件（GeoJson文件）就可以。当然我们可以根据项目需要更换掉沙盘背景，以及调整边界的粗细，颜色，来更加的贴合实际的项目。

在业务应用中，我们时常会接到基于不同点位的值，生成一下其所覆盖的范围或要求生成等值面图，很多人第一时刻可能想到的是用热力图的效果，但热力图实际为密集程度的体现，对于零星的点位数据，表现力并不好。而克里金插值在地质勘探、环境监测、气象预测等基于已知的测点来推断整个监测区域的数据分布情况效果较好。在基于物联网的地图应用中，该需求非常常见，如降雨的等值线，我们通常只有分布在不同位置的一些测点数据，我们就可以通过该方式实现对整个区域降雨等值面图的绘制，用以分析区域的降雨量情况。

在基于三维的业务应用中，飞行漫游也是常有的需求之一，应用在虚拟巡查巡检，倾斜摄影数据、基于三维风景的自动漫游查看等。包括有以第一人称视角及第三人称无人机等的视角来漫游浏览。

流动效果最经常应用的点就是水流方向或行进方向的表示，而在水流表示中，还可以结合颜色，粗细来表现河宽、水深等。本文中提供了一个基于图片的流动效果，实际应用中可以设计相关的图片进行不同流动效果的表现。

基于物联网的应用中，设备点位标绘在地图上是基本的功能实现，在Cesium中有几种设备点落图的实现方式，我们将分别在三篇文章中介绍三种方式。该篇我们介绍方式一，方式一主要是应用Cesium中的广告牌对象Billboard，将图标标绘在地图上，然后结合js动态构建出HTML的内容DIV加入到地图的指定位置。利用Billboard落点到地图上的好处是实现方式简单，并且点位不会遮挡影响鼠标在地图上的放大、缩小、移动等的操作。信息框由纯HTML字符串传入构建成，与其他组件无耦合，简单好复用。

基于物联网的应用中，设备点位标绘在地图上是基本的功能实现，在Cesium中有几种设备点落图的实现方式，我们将分别在三篇文章中介绍三种方式。该篇我们介绍方式二，方式二还是应用Cesium中的广告牌对象Billboard，将图标标绘在地图上，区别在与信息框是结合VUE组件的。该方式的好处相对于方式一在于信息框为VUE组件，可以自定义变量和方法在信息框中进行触发。

基于物联网的应用中，设备点位标绘在地图上是基本的功能实现，在Cesium中有几种设备点落图的实现方式，我们将分别在三篇文章中介绍三种方式。该篇我们介绍方式三，方式三相对而言更为灵活，地图点位及信息框全是基于组件。该方式的好处相对于方式一二更为自由及灵活，样式可以根据需求进行定制，事件的处理全在组件中定义，但实现会相对前两种方式复杂一点，理解了实现过程就游刃有余了。缺点就是鼠标在地图点位的图标上时，无法触发地图的放大、缩小、漫游等操作。