Cesium 展示——动态洪水淹没效果

于 2024-08-27 08:50:42 发布
阅读量230 收藏
点赞数 11
分类专栏： Cesium 文章标签： webgl 数据可视化 ue5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53810245/article/details/141557159
版权
Cesium 专栏收录该内容
103 篇文章 55 订阅 ¥59.90 ¥99.00
订阅专栏
了解本专栏 订阅专栏 解锁全文
博客zhu虎康
关注
  • 11
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Cesium 展示——开启地形和水面效果
虎康的博客
08-23 154
如果是要开启水面效果，可以这样做。
Cesium 展示——经纬网添加
虎康的博客
09-21 596
要在 Cesium 中添加经纬网，可以使用 GridMaterialProperty 来创建网格材质，并将其应用到一个 Polygon 或 Rectangle 对象上。接下来，我们使用 Cesium.GridMaterialProperty 创建了一个网格材质 gridMaterial，并设置材质的颜色、单元格透明度、线数量和线厚度等属性。最后，我们创建了一个矩形的 Entity 对象 gridRectangle，并将经纬网材质 gridMaterial 应用到矩形的 material 属性上。
Cesium 展示——读取文件——wkt 数据绘制
虎康的博客
10-08 395
在这里，我选择将 Cesium 中将wkt数据转化为geoJSON格式后渲染至地球上。
Cesium展示——一键清除功能
虎康的博客
04-26 578
移除所有 Primitive：通过 viewer.scene.primitives 对象，可以访问到场景中的所有 Primitive（原始图元），例如地形、模型等。移除所有实体 (Entities)：通过 viewer.entities 对象，可以访问到当前加载的所有实体，包括模型、图元、标记等。获取 Cesium Viewer 对象：首先，获取当前的 Cesium Viewer 对象，它包含了所有 Cesium 场景的状态和控制。实现一键清除功能，将Cesium加载的所有资源均移除。
Cesium 展示——设置图层顺序
虎康的博客
10-26 972
在添加的图层上添加实体或其他，切换图层时，实体就会被遮挡，这一节谈一下设置图层顺序 ImageryLayer。使用 zIndex 属性进行设置。
Cesium 展示——一键控制所有 label 的显隐
虎康的博客
10-27 403
设置 label 的 show 属性为 false 或 true，以控制其显隐。如果要显示所有label，只需要将label.show属性设置为true即可。获取场景中所有的实体（entities）。遍历所有实体，获取实体中的label对象。实现一键控制所有 label 的显隐。
Cesium 展示——读取文件——加载 geojson 文件数据
虎康的博客
10-08 529
在做项目时，对加载 geojson 格式的数据有了一定的了解，因此试着尝试接手后台解析的 geojson 数据进行绘制，因此做了总结如下。
Cesium 展示——对不同实体做图层管理
虎康的博客
11-12 334
现有九条线，请用cesium对其做图层管理，每一层包含三条线，就以上需求进行开发。
Cesium学习——Cesium实现选中效果
xuyizhuo的博客
11-16 3372
本文转载自：https://blog.csdn.net/u014646677/article/details/90673113?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-2-90673113.nonecase&utm_term=cesium%20%E8%87%AA%E5%8A%A8%E9%80%89%E4%B8%AD%E7%89%A9%E4%BD%93 目录
DEJA_VU3D - Cesium功能集 之 067-洪水淹没效果
总得学点什么的博客
08-27 2274
本篇主要基于Cesium+vue实现洪水淹没分析效果，包括完整源代码奉上
61.（cesium篇）cesium淹没分析.zip
06-13
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“61.（cesium篇）cesium淹没分析”。如下载有问题，可联系博主。 解压密码：cesium
洪水淹没分析 vue+cesium完整代码示例
11-13
洪水淹没分析 vue+cesium完整代码示例 包含核心代码及处理多边形区域的最大和最小高程等
Cesium 淹没分析.vue
08-14
用vue写的淹没分析，功能已经齐全，介绍在文章有
Cesium 实现动态立体墙效果；可以直接复制代码到 cesium sandcastle 中运行查看效果；
12-31
在本文中，我们将深入探讨如何使用Cesium库来实现动态立体墙效果。Cesium是一个强大的开源JavaScript库，专为在Web浏览器中展示3D地球模型和地理空间数据而设计。它利用 WebGL 技术，提供了丰富的图形渲染功能，使得...
解密！抖音百万粉丝博主三维地图视频都用到了什么GIS数据和技术
Mapmost的博客
08-12 1300
（1）影像数据影像数据，通常指的是通过各种遥感技术，如卫星、无人机或地面传感器等设备捕捉到的图像信息。这类数据涵盖了从可见光到红外、微波等多个电磁波谱段，能够用于多样的应用领域：1）地图制图与地理信息系统 (GIS)：高分辨率卫星影像常用于更新地形图、制作数字高程模型(DEM)，以及土地覆盖和土地利用分类。2）农业监测：通过分析不同波段的影像数据，可以评估作物生长状况、病虫害预警及灌溉需求，助力精准农业。3）城市规划与管理：监测城市扩张、土地变化、交通流量及环境质量，为城市可持续发展提供数据支持。
【UE5.1】NPC人工智能——07 NPC在巡逻过程中休息
ChaoChao66666的博客
08-26 638
​在上一篇中我们已经实现了NPC狮子追到玩家后进行攻击的功能。本篇将在上一篇的基础上继续实现NPC在巡逻过程中偶尔休息的功能。 步骤： 一、准备狮子休息的动画 二、实现狮子休息效果 三、随机行为 四、增加行为权重
虚幻5|制作一个木桩，含血量及伤害数字
djh7758258520184的博客
08-22 556
7.找到，之前创建过的玩家数据的组件，复制一个命名为敌人数据。1.打开敌人血量的UI，添加覆层，覆层要包含敌人血量成其父级。命名文本为伤害数字，并设置成变量，可以把画布画板也设置为变量。2，打开后，添加一个画布画板和进度条，命名及其调整如下。5.轨道点击添加伤害数字，选中伤害数字，添加一个变换。XY都设置，0为1，0.25为1.3，0.5为1.2。2.打开敌人数据，再打开减少生命，蓝图设置如下。二，创建敌人血量的ui，命名为敌人血量，如下。七，编辑新建的控件蓝图UI，命名为伤害数字。
UE5学习笔记18-使用FABRIK确定骨骼的左手位置
最新发布
m0_53219246的博客
08-26 154
使用FABRIK确定骨骼的左手位置
UE5 UMG UI编辑器工作流
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
08-26 330
1.在内容菜单（Content Browser）面板，点击添加（Add）或者右键空白处，依次选择用户界面（User Interface）/ 控件蓝图（Widget Blueprint）。2.在弹出来的窗口中，点击User Widget即可创建一个UI控件，可以自定义命名（规范一点可以命名为WBP_XXX）。
cesium Primitive 大量水面 淹没效果
06-02
要实现大量水面淹没效果，您可以使用Cesium中的ClippingPlaneCollection和Primitive组合来实现。以下是一个示例代码： ```javascript // 创建PrimitiveCollection和ClippingPlaneCollection对象 var primitives = new Cesium.PrimitiveCollection(); var clippingPlanes = new Cesium.ClippingPlaneCollection({ planes : [] }); // 将PrimitiveCollection添加到场景中 viewer.scene.primitives.add(primitives); // 加载GeoJSON数据 Cesium.GeoJsonDataSource.load('./data.geojson').then(function(dataSource) { var entities = dataSource.entities.values; var height = 0.0; // 循环遍历每个实体并设置面样式 for (var i = 0; i < entities.length; i++) { var entity = entities[i]; // 如果是水面实体，将其添加到ClippingPlaneCollection中 if (entity.properties.type == "water") { var plane = new Cesium.Plane(Cesium.Cartesian3.UNIT_Z, -entity.properties.height); clippingPlanes.add(plane); height = height + entity.properties.height; } // 如果是陆地实体，将其添加到PrimitiveCollection中 else { var primitive = new Cesium.Primitive({ geometryInstances : new Cesium.GeometryInstance({ geometry : new Cesium.PolygonGeometry({ polygonHierarchy : new Cesium.PolygonHierarchy(entity.polygon), height : entity.properties.height, extrudedHeight : entity.properties.extrudedHeight, vertexFormat : Cesium.VertexFormat.POSITION_AND_NORMAL, stRotation: entity.properties.stRotation }), attributes : { color : Cesium.ColorGeometryInstanceAttribute.fromColor(entity.properties.color) } }), appearance : new Cesium.PerInstanceColorAppearance({ closed : true }) }); primitives.add(primitive); } } // 设置ClippingPlaneCollection viewer.scene.globe.clippingPlanes = clippingPlanes; viewer.scene.globe.depthTestAgainstTerrain = true; viewer.camera.setView({ destination : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, height + 1000), orientation : { heading : 0.0, pitch : Cesium.Math.toRadians(-90.0), roll : 0.0 } }); }); ``` 其中，我们首先创建一个PrimitiveCollection和ClippingPlaneCollection对象来分别存储陆地和水面实体。然后，我们遍历每个实体，如果是水面实体，则将其高度作为一个ClippingPlane添加到ClippingPlaneCollection中。如果是陆地实体，则将其作为一个Primitive添加到PrimitiveCollection中。最后，我们将ClippingPlaneCollection设置到场景的globe中，这样就可以实现水面淹没效果了。 需要注意的是，由于大量水面的存在，可能会导致渲染性能下降。因此，建议使用WebGL调试工具来优化代码和性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

博客zhu虎康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值