自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Cesium开发工程师

Cesium开发教程分为两个模块,一个是以地球开发为核心的初中高级开发教程,一个是以航天卫星为核心的开发教程!

  • 博客(202)
  • 资源 (2)
  • 收藏
  • 关注

原创 Cesium开发教程目录

Cesium高级开发教程之二十五:参考坐标轴#Primitive。Cesium高级开发教程之十六:动态球#渐变球体。

2024-12-20 23:43:09 1019

原创 Cesium中级开发教程之五十二:气泡弹窗

支持多种交互方式触发气泡弹窗显示,如鼠标悬停、点击地图上的特定元素(像实体、标注、模型等)。例如,当用户鼠标悬停在一个表示城市的点上时,弹出显示该城市名称、人口等信息的气泡。:依据特定的数据条件或业务逻辑触发。比如,当某个区域的气象数据达到一定阈值时,自动弹出显示相关气象预警信息的气泡。

2025-04-27 22:16:41 191

原创 Cesium高级开发教程之六十六:实体高级平移旋转

Cesium创建倾斜平面,可以通过X,Y,Z三个横轴平移操作,亦可以通过X,Y,Z三个圆轴旋转操作。具体操作看视频。

2025-04-27 21:32:04 61

原创 Cesium高级开发教程之六十五:空间六边形蜂巢

cesium用立体六边形遍布全球,即便缩放至地面,也会铺满这个平面,操作非常流畅,不卡顿。

2025-04-20 22:17:01 314

原创 Cesium高级开发教程之六十四:雨景

cesium场景中下起了大雨。

2025-04-20 15:28:53 71 1

原创 Cesium高级开发教程之六十三:冬天雪景

cesium场景中不仅仅下起了大雪,而且整个房屋和树木都银装素裹,一幅冬天山水下雪图的景象。

2025-04-20 14:56:44 208

原创 Cesium高级开发教程之六十二:自定义分辨率截图

获取 Cesium的canvas元素,即viewer.scene.canvas,它包含了当前三维场景的渲染内容。然后调用canvas.toDataURL方法将canvas中的内容转换为 Data URL 格式的图片数据。这个 Data URL 可以存储到变量中,或者创建img标签来显示图片,也可以通过创建a标签并设置download属性来实现图片的下载功能,根据场景的分辨率不同而自定义分辨率截图。

2025-04-19 10:17:59 51

原创 Cesium高级开发教程之六十一:选区截图

获取 Cesium的canvas元素,即,它包含了当前三维场景的渲染内容。然后调用方法将canvas中的内容转换为 Data URL 格式的图片数据。这个 Data URL 可以存储到变量中,或者创建img标签来显示图片,也可以通过创建a标签并设置download属性来实现图片的下载功能,从而将选区截图保存到本地。

2025-04-19 09:57:52 153

原创 Cesium中级开发教程之五十一:重构FPS帧率

Cesium 遵循典型的渲染循环模式,包括请求动画帧、更新场景、渲染场景等步骤。浏览器通过函数来请求浏览器在下一帧绘制之前执行指定的回调函数。Cesium 利用这个机制来不断更新和渲染场景,通常希望每秒执行 60 次左右,以达到流畅的视觉效果,即 60FPS。Cesium 使用 WebGL 作为底层图形渲染技术,通过一系列的渲染管线操作将 3D 场景绘制到屏幕上。渲染管线包括顶点处理、光栅化、片元处理等阶段。在顶点处理阶段,会将 3D 模型的顶点坐标转换为屏幕坐标;光栅化阶段将顶点数据转换为像素点;

2025-04-13 21:19:00 220

原创 Cesium中级开发教程之五十:模型走势图(Echarts)

基于cesium和eChart构造三维模型的高度走势图。

2025-04-13 18:24:39 82

原创 Cesium高级开发教程之六十:可视域分析#可视范围

【代码】Cesium高级开发教程之六十:可视域分析#可视范围。

2025-04-01 21:31:50 466

原创 Cesium中级开发教程之四十九:流光线条

【代码】Cesium中级开发教程之四十九:流光线条。

2025-03-31 22:20:00 321 1

原创 Cesium航天卫星开发教程之五:卫星微波

模拟卫星微波的仿真效果,微波探测主要利用卫星上微波辐射计等仪器。微波辐射计是一种高灵敏度电磁波接收机,本质上是高灵敏度、高分辨率的微波接收机。其原理基于自然界中所有物体都有辐射电磁波的特性,通过被动接收来自大气不同高度目标物的微波辐射信号,来判断温度、湿度曲线等。

2025-03-30 18:03:56 219

原创 Cesium高级开发教程之四十五:测量工具#分段距离测量

利用 Cesium 的坐标系统和几何计算方法,直接操作地理坐标数据进行距离计算。Cesium 使用的是笛卡尔空间直角坐标系等坐标系统,通过将地理坐标转换为笛卡尔坐标,然后利用向量运算等数学方法计算两点之间的距离。:首先需要获取要测量距离的点的坐标。可以通过用户在地图上的交互操作获取鼠标点击位置的经纬度坐标,或者从已有的数据中读取坐标信息。例如,使用viewer.scene.pickPosition方法可以获取鼠标在三维场景中点击位置的笛卡尔坐标,再通过坐标转换方法将其转换为经纬度坐标。

2025-03-30 17:50:40 118

原创 Cesium航天卫星开发教程之四:六根转位置速度

轨道六根数是描述航天器轨道特性的基本参数,包括半长轴、离心率、轨道倾角、升交点赤经、近地点幅角和真近点角,通过一系列公式和计算,可以将其转换为航天器在空间中的位置和速度矢量。

2025-03-29 13:41:54 101

原创 Cesium高级开发教程之五十九:通视分析#视角区域

通视分析是一种用于判断从一个或多个观察点到目标点之间的视线是否畅通,以及计算通视程度的空间分析方法。通视分析中绿色线段表示通视区域,而红色线段表示不通视!

2025-03-29 13:34:27 272

原创 Cesium初级开发教程之四十七:中心点计算矩形对角点

需求:已知中心点坐标和两点距离中心点的水平和垂直距离,计算左上和右下两个点的位置!本方法利用了new Cesium.EllipsoidGeodesic()和interpolateUsingSurfaceDistance的方法,注意是在有地球曲率的因素,所以要考虑以测地线的方式进行。

2025-03-29 13:18:40 47

原创 Cesium初级开发教程之四十六:屏幕中心点

【代码】Cesium初级开发教程之四十六:屏幕中心点。

2025-03-29 13:05:33 56

原创 Cesium中级开发教程之四十八:模拟爆炸落点

【代码】Cesium中级开发教程之四十八:模拟爆炸落点。

2025-03-28 23:27:05 73

原创 Cesium中级开发教程之四十七:自定义XYZ坐标轴

在 Cesium 中,默认的坐标系是右手笛卡尔坐标系,X 轴指向东,Y 轴指向北,Z 轴垂直于地表向上,但是我们可以自定义坐标轴来表示空间关系。

2025-03-28 22:33:01 101

原创 Cesium中级开发教程之四十七:特征后处理

一、原理在 Cesium 中,viewer.scene.postProcessStages 是一个用于管理场景后期处理阶段的核心接口。它允许开发者通过自定义着色器(Shader)为 3D 场景添加各种视觉特效,例如抗锯齿、色调调整、景深模糊等。

2025-03-28 22:21:58 43

原创 Cesium中级开发教程之四十六:抛物飞线

抛物飞线的实现基于物理学中抛物线运动的原理。在理想状态下,物体在水平方向做匀速直线运动,在垂直方向做匀加速直线运动(受重力影响)。通过在不同时间点计算物体的位置,再将这些位置点连接起来,就能形成抛物线轨迹。在 Cesium 中,抛物飞线指的是模拟物体以抛物线轨迹飞行的可视化效果,常应用于游戏、军事模拟、航天演示等场景。

2025-03-28 22:06:25 119

原创 Cesium初级开发教程之四十五:简单抛物线

根据抛物线运动的物理原理,物体在水平方向做匀速直线运动,在垂直方向做匀加速直线运动,受重力影响,直线变成了抛物线。

2025-03-28 21:57:40 52

原创 Cesium初级开发教程之四十四:飞机着火(粒子特效)

在 Cesium 中,*粒子效果(Particle Effect)是通过模拟大量微小粒子的动态行为来实现自然现象或视觉特效的技术。这些粒子可以组合成火焰、烟雾、爆炸、雨雪等动态效果,增强场景的真实感和表现力。粒子效果通过灵活的参数配置和物理模拟,能够高效实现复杂的动态视觉效果,广泛用于模拟自然现象、增强场景互动性。

2025-03-28 21:34:17 79

原创 Cesium初级开发教程之四十三:波光粼粼湖面

波光粼粼的湖面主要是应用了Cesium的材质方法new Cesium.Material():

2025-03-28 21:11:40 82

原创 Cesium高级开发教程之五十八:战斗机投弹(CZML)

CZML 是一种强大且灵活的格式,用于描述地理数据的时间动态变化。

2025-03-28 20:38:34 104

原创 Cesium航天卫星开发教程之三:雷达追踪导弹

雷达设备会向特定空域发射电磁波束,这些电磁波以光速在空间中传播。通常,雷达会根据探测需求,选择合适的频段和波形,例如脉冲多普勒雷达会发射周期性的脉冲信号。

2025-03-27 20:48:50 230

原创 Cesium高级开发教程之五十七:绘制编辑圆目标

要绘制圆,得先确定圆心位置与半径大小。圆心位置可以通过指定经纬度坐标或者在三维场景中用鼠标点击来确定;半径大小则可通过输入具体数值(例如以米为单位)或者在场景中拖动鼠标来确定。绘制圆时可设置其多种属性,像填充颜色、透明度、边框颜色、边框宽度等。可以通过拖动圆心或者输入新的坐标来改变圆的位置。当圆不再需要时,可将其从场景中删除,以保持场景的简洁性和数据的准确性。

2025-03-25 22:12:08 431

原创 Cesium高级开发教程之五十六:绘制编辑面目标

通常通过依次指定一系列的点来定义面的边界。这些点形成一个封闭的多边形,从而确定面的范围和形状。用户可以通过鼠标在地图上点击选取点,也可以输入坐标值来精确确定点的位置。为绘制的面目标设置相关属性,包括填充颜色、透明度、边框颜色、边框宽度和样式等。不同的面可以根据其代表的区域特征或含义设置不同的属性,以便在地图上清晰地展示和区分。可以在面的边界上添加新的顶点,以更精确地调整面的形状,使其更好地符合实际地理轮廓。通过鼠标拖动面边界上已有的顶点来改变面的形状。

2025-03-25 21:45:54 47

原创 Cesium高级开发教程之五十五:绘制编辑线目标

用户通过在场景中依次指定一系列的点来确定线的形状和走向。这些点可以通过鼠标点击地图上的位置来实现。为绘制的线目标设置各种属性,包括线的颜色、宽度、样式(如实线、虚线、点划线)以及透明度等。不同的线可以根据其代表的对象或含义设置不同的属性,以便在地图上清晰地展示和区分。可以在线上添加新的顶点来改变线的形状,使其更加精确地符合实际地理特征或满足特定的设计需求。通过鼠标拖动线上已有的顶点来调整线的形状。这种方式可以灵活地改变线的走向和曲率,以更好地拟合实际的线性对象。

2025-03-25 21:10:19 43

原创 Cesium高级开发教程之五十四:绘制编辑点目标

绘制并编辑点目标是通过指定经纬度、笛卡尔坐标等方式,在 Cesium 场景中的特定位置添加一个点。为绘制的点目标设置各种属性,如点的颜色、大小、透明度以及图标样式等。可以根据不同的需求和数据特征,将点设置为不同的样式,以便在地图上进行区分和识别。支持通过鼠标拖动点目标,将点目标从一个位置移动到另一个位置。当点目标不再需要时,可以将其从场景中删除。

2025-03-25 20:57:49 168

原创 Cesium高级开发教程之五十三:蜂巢分析

什么是蜂巢分析?就是将地球表面的地理空间划分为规则的六边形网格。这种划分方式相比其他形状(如正方形网格)具有一些优势,例如六边形能够更均匀地覆盖地球表面,相邻六边形之间的连接更为紧密,不存在间隙或重叠,并且在面积相同的情况下,六边形的周长比正方形更短,更适合用于地理空间的离散化表示。每个六边形网格单元可以与各种地理空间数据相关联。这些数据可以包括地形高程数据、卫星影像数据、人口密度数据、交通流量数据等。通过将数据与六边形网格进行关联,可以对地理空间数据进行分析和可视化。

2025-03-25 20:38:59 288

原创 Cesium高级开发教程之五十二:动态水面

Cesium 实现动态水面的原理主要涉及几何建模、纹理映射、材质设置以及动画效果等方面。

2025-03-24 22:36:47 190

原创 Cesium初级开发教程之四十六:城市道路

【代码】Cesium初级开发教程之四十二:城市道路。

2025-03-24 21:49:03 156

原创 Cesium初级开发教程之四十二:地图瓦片层级

地图瓦片层级是为了适应不同缩放级别下地图数据的显示需求而设计的。电子地图可放大缩小,不同缩放操作对应不同层级变化。层级从低到高,地图显示精度逐渐提高,形成类似金字塔的结构。每一个上层地图瓦片对应四个下层地图瓦片,构成四叉树索引结构。在 Cesium 中,地图瓦片的层级(Tile Levels)是地图服务(如影像、地形、3D Tiles 等)的核心概念之一。瓦片层级决定了地图数据的细节程度和加载策略。

2025-03-24 20:50:14 133

原创 Cesium初级开发教程之四十一:测地线测距

地球是一个近似的椭球体,在 Cesium 中,测地线被定义为在椭球面上连接两点的最短路径。测地线测距就是计算这条最短路径的长度。其原理是基于大地测量学中的大地线理论,大地线是椭球面上两点间的最短曲线,它考虑了地球的曲率和地形等因素。从数学角度来看,曲率是曲线在某一点的弯曲程度的量化描述。对于地球而言,由于地球近似为一个椭球体(更准确地说,是一个两极稍扁、赤道略鼓的不规则球体),其表面的曲率在不同位置会有所不同。

2025-03-24 20:36:37 38

原创 Cesium高级开发教程之五十一:视频投放

【代码】Cesium高级开发教程之五十一:视频投放。

2025-03-22 14:53:57 163

原创 Cesium中级开发教程之四十五:粒子火焰

【代码】Cesium中级开发教程之四十五:粒子火焰。

2025-03-22 14:07:19 96

原创 Cesium中级开发教程之四十四:鼠标拾取坐标

是 Cesium 库中用于处理用户输入事件(如鼠标点击、移动、触摸等)的核心类。通过这个类,你可以监听用户在 Cesium 场景画布上的交互操作,并触发相应的回调函数。

2025-03-21 23:43:45 66

原创 Cesium中级开发教程之四十三:requestAnimationFrame

​与显示刷新率同步:自动匹配显示器的刷新率(通常是 60Hz,即每秒 60 帧),避免过度渲染或卡顿。如果场景需要高频更新(如相机飞行),Cesium 会强制连续渲染;例如,当相机静止且数据未变化时,可能跳过渲染阶段。是浏览器提供的 API,用于在下一次浏览器重绘之前执行指定的回调函数。​非活动状态暂停:当页面处于后台或隐藏时,自动停止回调执行,节省 CPU/GPU 资源。时,Cesium 仅在检测到场景变化(如相机移动、实体更新)时才会触发渲染。​浏览器优化:由浏览器统一调度动画任务,优化性能。

2025-03-21 23:28:18 538

Cesium学习教程PPT,入门级教学指南

内容概要:本文详细介绍了Cesium这款Web三维地球产品的开发环境搭建、基础知识、功能点解析及常见问题解答。首先,阐述了开发所需的工具,如Node、VSCode和Nginx的安装步骤。接着,解释了Cesium的基本概念和技术特点,包括其支持的各种几何体、矢量格式、资源图像层、地形数据可视化等功能。随后,重点介绍了Cesium在项目中的定位、依赖性和涉及的知识领域,并详细解析了其API中的重要模块,如Viewer、Scene、ImageryLayer、TerrainProvider、坐标系及坐标变换、相机控制、交互性、后期处理、Primitive与Enity、Property机制、材质、glTF小模型、3D Tiles三维模型、CZML数据格式和粒子系统。最后,讨论了初学者常遇的问题及解决方案,以及数据处理和服务发布的方法。 适合人群:具备一定Web前端开发经验,希望深入了解Cesium三维地球开发的技术人员。 使用场景及目标:适用于需要快速搭建虚拟地球Web应用的开发团队,旨在帮助开发者掌握Cesium的核心功能和应用场景,提高开发效率。

2025-03-26

Cesium火焰特效图片

Cesium火焰特效图片

2025-03-26

Cesium Api离线文档,支持在无网络环境查看api和方法!双击打开即可,简单方便快捷!

Cesium Api离线文档,支持在无网络环境查看api和方法!双击打开即可,简单方便快捷!

2025-03-26

Cesium动态水面图片

Cesium动态水面

2025-03-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除