Cesium 展示——绘制水面动态升高

博客zhu虎康

于 2024-08-26 09:04:20 发布

阅读量72

点赞数 3

分类专栏： Cesium 文章标签： webgl 数据可视化

本文链接：https://blog.csdn.net/qq_53810245/article/details/141434944

版权

Cesium 专栏收录该内容

102 篇文章 55 订阅 ¥59.90 ¥99.00

订阅专栏

文章目录

- 需求
- 分析

需求

如图，绘制水面动态升高，作为洪水淹没的效果
在这里插入图片描述

分析

我们首先需要绘制一个面
然后给这个面一个高度，
在回调函数中进行动态设置值【这里有两种，一种是到达水面一定高度停止升高，一种是水面重新升高】

/**
 * @description :洪水淹没
 * @author : 'Hukang'
 * @param : 'viewer' 视图, 'renderArea':渲染区域
 * @date : 2024-08-22 18:11:42
 */
export function startFlood(viewer: any<

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

博客zhu虎康

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Cesium 展示——绘制水面动态升高

如图，绘制水面动态升高，作为洪水淹没的效果。
复制链接

扫一扫

专栏目录

订阅专栏

Cesium 展示——读取文件——wkt 数据绘制

虎康的博客

10-08

395

在这里，我选择将 Cesium 中将wkt数据转化为geoJSON格式后渲染至地球上。

Cesium 展示——绘制圆的几种方式（全面）

虎康的博客

11-15

1218

自定义绘制：你还可以通过自定义绘制函数来绘制圆形。这需要使用Cesium的绘制API，手动计算圆形上的点并连接它们以绘制圆形。但是如图效果可能是个椭圆，搜索后，回答是这样的：当Cesium使用半径和圆心位置绘制圆时，实际上绘制的是椭圆的一个截面，即圆心到焦点的距离为半径的截面。由于Cesium使用的是笛卡尔坐标系，因此绘制出来的截面就是一个椭圆。// 半径//圆心 [center1[0], center1[1]]// 圆心经纬度坐标。

参与评论您还未登录，请先登录后发表或查看评论

Cesium 展示——读取文件——加载 geojson 文件数据

虎康的博客

10-08

527

在做项目时，对加载 geojson 格式的数据有了一定的了解，因此试着尝试接手后台解析的 geojson 数据进行绘制，因此做了总结如下。

Cesium绘制动态墙

你们瞎搞

01-18

934

包括要绘制的围栏坐标以及围栏高度，以及纹理材质中要提供的图片，图片在将在文章顶部展示👆。2.调用初始化动态墙的方法，主要是运用了Primitive的材质渲染（GLSL语言）

Cesium 展示——实现鼠标移动到实体上动态高亮显示或动态展示 Label

虎康的博客

10-25

1037

在开发中，遇到这样一个需求：在绘制完实体后，要求鼠标移动到上边后有高亮的效果，看的清除一点，因此，经过尝试，做出了如下解决方案。在这里，我们以线为例，实现其动态高亮显示。

62.（cesium篇）cesium水面波纹（动态水面）

GIS之家家长

04-08

1274

听老人家说：多看美女会长寿地图之家总目录（订阅之前建议先查看该博客）文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。效果如下所示：下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st

cesium-添加水面动态贴图效果

孙霸天的专栏

01-21

3421

cesium-添加水面动态贴图效果介绍真实的水面是动态的，这里可以使用primitives方法来实现效果核心代码 /** * * @param {*} targetHeight 目标高度 * @param {*} areaCoor 范围坐标 */ drawWater(targetHeight, areaCoor) {

Cesium.CallbackProperty——如何应用于鼠标动态绘制测量线/面

HeyLoong的博客

08-08

792

Cesium.CallbackProperty——如何应用于鼠标动态绘制测量线/面

Cesium 动态绘制线和编辑

weixin_70875199的博客

11-01

2543

【代码】Cesium 动态绘制面和编辑。

62.（cesium篇）cesium水面波纹（动态水面）.zip

12-03

在本教程中，我们将深入探讨如何使用Cesium创建动态水面波纹效果。Cesium是一个强大的开源JavaScript库，专为在Web上构建3D地球应用程序而设计。它利用 WebGL 技术，提供高度交互的地理空间可视化功能。水面波纹效果...

Cesium 动态Polyline绘制

01-20

在Cesium这个强大的3D地球可视化库中，动态绘制Polyline是常见的需求，例如用于表示飞行轨迹、车辆路径等。然而，在使用Entity API绘制动态Polyline时，可能会遇到`depthFailMaterial`属性不起作用的问题。这通常是...

Cesium绘制动态墙所需照片

01-18

Cesium绘制动态墙所需照片

Cesium动态绘制面，线，点.vue

09-17

解密！抖音百万粉丝博主三维地图视频都用到了什么GIS数据和技术

Mapmost的博客

08-12

1295

（1）影像数据影像数据，通常指的是通过各种遥感技术，如卫星、无人机或地面传感器等设备捕捉到的图像信息。这类数据涵盖了从可见光到红外、微波等多个电磁波谱段，能够用于多样的应用领域：1）地图制图与地理信息系统 (GIS)：高分辨率卫星影像常用于更新地形图、制作数字高程模型(DEM)，以及土地覆盖和土地利用分类。2）农业监测：通过分析不同波段的影像数据，可以评估作物生长状况、病虫害预警及灌溉需求，助力精准农业。3）城市规划与管理：监测城市扩张、土地变化、交通流量及环境质量，为城市可持续发展提供数据支持。

农情采集系统手机app.zip农情采集系统手机app.zip

08-25

ssm331超市库存商品管理系统+jsp.zip

08-25

现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本超市库存商品管理系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此超市库存商品管理系统利用当下成熟完善的SSM框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。实现了商品基础数据的管理，员工管理,会员管理,商品管理,供应商管理,公告管理等功能。超市库存商品管理系统的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。

java高并发笔记pdf

最新发布

08-25

java高并发笔记pdf

PPAP文件资料-基于AIAG-IATF 16949-控制计划control plan

08-25

PPAP文件资料-基于AIAG/IATF 16949 一、PPAP 全套资料表格模版 PSW Supplier List PFMEA PPK Process F low Chart MSA Report Lab Qualify Materia l Certificate Full Dimension report IMDS Report Control Plan Drawing 二、橡胶件PPAP文件资料案例三、金属PPAP文件资料案例

Cesium 动态绘制实体水面

03-28

Cesium是一个开源的3D地球可视化引擎，可以用来展示地球上的各种实体。在Cesium中动态绘制实体水面需要以下步骤： 1. 导入Cesium库和相关的插件，比如Cesium.js和Cesium-terrain-builder等。 2. 创建一个Cesium Viewer对象，并设置地球的初始位置和视角。 3. 添加水面实体对象，可以使用Cesium的Entity对象来表示水面，其中的属性包括位置、高度、颜色、纹理等。 4. 使用Cesium的时间轴（TimeLine）控件来控制水面实体的动态变化，比如水位的上升和下降等。 5. 根据需要设置其他的场景参数，比如光照、阴影、雾气等。下面是一个简单的示例代码，演示了如何在Cesium中动态绘制实体水面： ```javascript // 创建Cesium Viewer对象 var viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider: Cesium.createWorldTerrain() }); // 设置地球的初始位置和视角 viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, 20000), orientation: { heading: Cesium.Math.toRadians(20), pitch: Cesium.Math.toRadians(-20), roll: 0 } }); // 添加水面实体对象 var waterSurface = viewer.entities.add({ name: 'Water Surface', position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, 0), ellipsoid: { radii: new Cesium.Cartesian3(1000, 1000, 1000), material: new Cesium.Color(0, 0.5, 1, 0.5) } }); // 使用Cesium的时间轴控件来控制水面实体的动态变化 viewer.timeline.addEventListener('settime', function(e) { var time = e.timeJulian; var waterLevel = Math.sin(time) * 50; waterSurface.position = Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, waterLevel); }); // 设置其他的场景参数 viewer.scene.globe.enableLighting = true; viewer.scene.fog.enabled = true; ``` 在以上代码中，我们先创建了一个Cesium Viewer对象，并设置了地球的初始位置和视角。然后，我们添加了一个水面实体对象，使用了Cesium的Entity对象来表示水面，其中的属性包括位置、高度、颜色、纹理等。接着，我们使用Cesium的时间轴控件来控制水面实体的动态变化，根据时间变化来更新水面的高度。最后，我们设置了其他的场景参数，比如光照、阴影、雾气等，以增强场景的真实感和美观度。