cesium

总要学点什么

第79篇：数据可视化-模拟迁徙效果——把三十条航线画成会飞的弧前面两篇我们一直在跟"地下的东西"较劲——把钻孔插值成地层（#77）、再换成体素自带属性（#78）。这次换回地表，做点会动的。

总要学点什么

第75篇：右键菜单控件——把一张会做事的菜单钉在鼠标落下的那点上一次我们拆了鹰眼小地图，结尾我埋了个话头：这家人还有一位不写字、也不放图的成员没出场。下一个登场的是右键菜单控件：它既不写一行字、也不放一张图，而是在你右键的那一点弹出一个菜单——和鹰眼、状态栏一起，把"屏幕一侧怎么承接用户操作"这道题补全。

Cesium 轨迹回放播放器摘要：本文介绍了一个基于 Cesium 的轨迹回放播放器 CesiumTrackPlayer 的实现与应用。该播放器将时间、经纬度和高度数据转换为 SampledPositionProperty 动态属性，通过 Entity 承载模型、图标或点以及轨迹线，并托管 viewer.clock 的时间区间、倍速、循环和相机跟随。文中详细说明了类的设计要点、核心方法（load、play、pause、stop、seek 等）以及模型朝向、静止保持、pitch 限幅等高级特性，并提供了一个完整的 HTML 应用实例，

总要学点什么

第65篇：地图卷帘控件——点「关闭卷帘」，消失的却是右边那半张地图上篇结尾我留了这么一句话：“下一篇我们接着往回收——这次不是遮罩，而是把两块影像拼在同一屏上左右对比。地图卷帘控件，我们下一篇见。”

总要学点什么

第55篇：空间分析-剖面分析——红线走大圆，剖面却按经纬直线采样上一篇结尾我撂下一句话：这条空间分析线才刚开头。地形挖开了，下一步自然就是沿着一条线把它切开看看里面长什么样——剖面分析，我们下一篇见。

总要学点什么

第51篇：数据分析-热力图——笔刷画的是圆，落到地上却成了椭圆屏幕上一张热力图，蓝底上一团红，看着非常"科学"。但你有没有想过一个问题：那团红色到底有多大？不是"屏幕上多大"——是地面上多少公里。你把"画布宽度"从 1000 拖到 2000，画面几乎没变（还是那团红），可它的物理尺寸缩到了原来的一半。你把地图往北拖一点，同一个圆斑，南北向被拉长了 30%。这些都不是渲染 bug，是那三行算画布尺寸的代码决定的。

总要学点什么

第47篇：三维特效-雷达波效果——波纹一圈圈往外推，一半却埋在地下上回那堵会流动的墙，本猿在结尾留了三笔账：条纹沿墙长没有变化、速度随帧率漂移、参数改动要走全量重建。这堵墙当然还不完美：条纹沿墙长没有变化、速度随帧率漂移、参数改动要走全量重建。但它是我们理解「着色器里的时间与坐标」最好的一块标本。

基于 Cesium + 天地图的三维地理可视化：以“岳麓山名人墓“为例，详解地形夸张、自动环绕与标签碰撞避让做 geographic 类可视化时，最常遇到的三个工程难点是：本文用一个完整可运行的 Demo（岳麓山名人墓三维展示）把这三个问题一次性解决，并给出逐行拆解的工程实现。最终效果：

Three.js 与 Cesium 融合实战问题汇总做数字孪生、智慧城市或者 GIS 三维可视化的同学，大概率都遇到过这个选择题：Cesium 做地球底图和 GIS 能力很强，但做精致模型、粒子特效、自定义着色器太费劲；Three.js 做创意三维效果得心应手，但天生缺一个地球坐标系。两者融合看起来是 “1+1>2” 的完美方案，实际踩过坑才知道 —— 两个独立的 WebGL 渲染引擎凑到一起，从上下文、坐标系到渲染管线、事件交互，全是雷。

前端页面引入cesium在web端实现cesium 3D地球场景，以最简单的引入地球为例，最终效果如下：创建好一个vite+vue3项目以后，需要下载cesium插件，但凡用到cesium都需要先下载插件。在项目的terminal终端输入以下：

数字孪生项目必备：RVT模型转3DTiles格式的高效解决方案在BIM与GIS融合应用的当下，Revit产出的RVT建筑模型是建筑设计、工程施工、智慧城市建设的核心数据源，但RVT格式存在明显的应用局限：仅适配Revit系列软件，无法直接接入Cesium、Three.js等三维GIS引擎，不支持Web端轻量化加载、大范围场景融合与流式渲染，极大限制了BIM模型的三维可视化与落地应用。

Web 可视化卡顿的归因方法论：以“流畅一段、停顿一下“为例的代码级根治在toTacview系统的实时和回放两种模式下，场景对象移动总是很奇怪：平滑跑一会儿，突然停一下，然后又接着平滑。事件密集的时候——比如导弹接连发射——这种"顿挫"感尤其明显，而且在两种模式下都能稳定复现。

基于天地图 Cesium 三维服务实现三维地球及地球自转实践目录前言一、准备工作：申请天地图 Key二、完整代码展示三、核心模块解析3.1 页面基础与 Cesium 环境引入

Navara是WebGIS的第三条路吗?最近在关注开源 GIS 和 3D 地理可视化项目时，我发现了一个非常值得研究的项目：Navara。它来自 Re:Earth 社区，是一个面向 3D Globe 的可扩展地图引擎。

灵境（虚幻知音）

WebGL 不支持＞1px的线绘制，那 Cesium 的带宽度的线是怎么画出来的？从 gl.lineWidth 失效说起，拆解 CesiumJS 1.141 → 1.145 的四条宽线实现路径，并修复一个至今空着、只需几行就能补上的缺口。

WebGL 没有几何着色器，那 Cesium 的粗线是怎么画出来的？从 gl.lineWidth 失效说起，拆解 CesiumJS 1.141 → 1.145 的四条宽线实现路径，并修复一个至今空着、只需几行就能补上的缺口。

用户6159586800022

Cesium 入门系列（四）：区域高亮显示的两种实现方案业务场景：在地图上把某个行政区、园区、地块用颜色填充并描边，让用户一眼识别目标范围。Cesium 里常见的做法分两类——前端矢量高亮与后端瓦片遮罩。本文会给出可直接运行的完整代码，并对比它们的适用场景。

用户6159586800022

Cesium 入门（三）：BaseLayerPicker 底图切换与国产地图接入前两篇我们把三维地球跑起来，并把搜索框接入了天地图。这一篇来聊聊底图（Imagery）——Cesium 自带的 BaseLayerPicker 怎么用，以及如何把高德、天地图等国产底图整合进去，做成一个可切换的底图选择器。

用户6159586800022

Cesium 入门（二）：Geocoder 搜索框参数详解与天地图搜索接入上一篇我们跑通了 Vue3 + Vite + Cesium + 天地图底图。这一篇来深挖 Cesium 自带的搜索框（Geocoder）——从 Viewer 配置、Widget 实例、ViewModel 状态，到接入天地图地理编码服务，把搜索功能彻底吃透。

灵境（虚幻知音）

Cesium动态轨迹性能瓶颈深度拆解：翼带与尾迹的底层优化实践从高层API陷阱到底层渲染重构，50~100倍性能提升的完整排查之路在数字孪生、飞行仿真等多平台三维场景中，翼带、尾迹是体现飞行器运动状态的核心视觉元素。当所有功能开发完成后，渲染效率反而成为新的瓶颈——多平台同屏场景下，帧率出现显著下滑。