duansamve的博客

/ 常用预定义颜色// 红色 (255,0,0,255)// 绿色 (0,255,0,255)// 蓝色 (0,0,255,255)// 白色 (255,255,255,255)// 黑色 (0,0,0,255)// 全透明 (0,0,0,0)// 更多：CYAN（青）、MAGENTA（品红）、YELLOW（黄）、GRAY（灰）等。

/ 监听LOD切换事件console.log("加载瓦片层级：", tile.level);});// 动态调整LOD精度});// 创建自定义LOD对象// 层级1：距离<1000米时，显示高精度模型（100个三角面）}),}),}),1000 // 距离阈值（米）：相机距离<1000时显示该层级// 层级2：距离1000~5000米时，显示中精度模型（10个三角面）

【代码】React 18+TS中使用Cesium 1.95。

能否直接用？❌ 不可以，Cesium 1.95 的 Entity 没有直接的 on 方法如何给 Entity 添加事件？通过监听全局点击，然后判断 pickedObject.id 是否为目标 entity推荐做法封装一个函数，传入 entity 和回调，内部做 pick 判断支持哪些事件？click, doubleClick, mousemove, mouseover, mouseout, rightclick 等，但需通过 pick 判断目标。

功能方法/属性说明​​获取当前地图模式​​返回当前是SCENE3DSCENE2D或​​判断当前模式​​与枚举比较如​​切换到 3D 模式​​可传入无动画​​切换到 2D 模式​​同上​​切换到 CV 模式​​。

得到的是 Cartographic（弧度）得到的是弧度制 Cartographic。最常用，直接输入度数。用于手动构建弧度参数。

在 Cesium 1.95 中，通过 new Cesium.BillboardCollection()创建的 Billboard，默认不支持通过 id 直接获取。但可以通过保存 billboardCollection.add(...)返回的 Billboard 对象的引用来管理它们。如果希望使用类似 id 的方式查找，建议自己维护一个 Map，将你的自定义 id 映射到对应的 Billboard 对象。

中移除不用的 Primitive / Collection。更新位置，而不是频繁增删 Entity。移除后解除 JS 引用（如设为。），帮助 GC 回收。

技巧一、在批量添加或修改实体时,可以使用viewer.entities.suspendEvents()和viewer.entities.resumeEvents()方法来提高性能。开发者可以在批量更新之前调用 viewer.entities.suspendEvents() 来暂停事件处理，然后在更新完成后调用 viewer.entities.resumeEvents() 来恢复事件处理。技巧五：调整场景设置：降低场景的渲染质量，例如减少阴影、光照效果等。技巧三：减少地形检测带来的计算量。

通过 GLSL着色器 编写自定义材质，需定义 Fabric结构体 ，包含type、uniforms（统一值）和source（着色器代码）。fabric : {或直接使用 Cesium内置函数 如czm_getMaterial动态计算材质属性。使用:ml-search[Material类]直接修改几何体材质，需定义 Fabric JSON。优先使用内置材质复杂效果考虑后处理移动端使用简化着色器。

【代码】Cesium快速入门到精通系列教程十四：Cesium1.74中线条位置和颜色高性能更新方式比较。

强制更新 Primitive 的几何数据为了确保 Cesium 能够正确检测到 geometryInstances 的变化并重新渲染线条，我们需要：​​1、每次更新 geometryInstances 后，显式地通知 Primitive 数据已经发生变化​​；​​2、避免直接替换整个 geometryInstances 数组​​（虽然这在大多数情况下可以工作，但为了确保万无一失，我们可以采用更可控的方式）；

由于 spaceLineArr 是一个数组，直接比较 spaceLineArr 是否变化不能简单地用 === 或 ==，因为 JavaScript 中数组是引用类型，即使内容相同，只要不是同一个引用，=== 也会返回 false。缓存上一次的 spaceLineArr​​，每次调用 drawOrUpdateSpaceLine 时，先比较当前传入的 spaceLineArr 和缓存的 spaceLineArr 是否​​深度相等​​（即每个元素都相同）。​​数据变化时​​：更新线条位置。

在Cesium 1.74中，要为每条线条定义不同的颜色，可以通过修改GeometryInstance的attributes.color属性，为每个实例分配随机或特定的颜色值。以下是具体实现方法和完整代码：关键修改点1、ColorGeometryInstanceAttribute动态赋值​​在循环中为每条线条生成随机颜色（RGBA格式），替换原有的固定绿色值。​​2、确保使用PolylineColorAppearance​​。

要实现完美的正六边形蜂巢排列，关键在于精确计算每个六边形的顶点位置和排列方式。

重点思路：在于如何实现从圆锥上面到下面的动态扫描。以下实现的Cesium版本为1.106。

代码部分作用创建公告板集合（高效管理多个 Billboard）将集合添加到场景（使其可渲染）添加一个公告板，指定位置、图片、尺寸和缩放优化这段代码是 ​​Cesium 中高效添加和管理 3D 图标/标记的标准方式​​，适用于地图、仿真、游戏等场景。要素类型推荐 API示例代码​​点​​Entity或​​线​​Entity或​​多边形​​Entity或​​圆/椭圆​​EntityAPI（更简单）​​球​​EntityAPI（更简单）​​模型​​EntityAPI（更简单）

GLB → 3D Tiles​​：将大规模 GLB 模型转换为 ​​3D Tiles 格式​​，实现分块加载和视锥体裁剪。瓦片化处理​​：通过 GeoServer 的矢量瓦片模块将数据转换为 ​​MVT 格式​​，配合 Cesium3DTileset 按需加载可视区域数据。​​性能分析工具​​：使用 Chrome DevTools 的 ​​Memory 标签​​定期拍摄堆快照，定位未释放对象。​​预加载低精度模型​​：首次加载时仅提供简化版模型，后续按需加载高精度资源。

在 Chrome 浏览器中加载 Cesium 1.95 时因 GLB 模型和图片资源过多导致内存溢出，可通过以下系统性方案解决。

图标使用.png比.svg性能要好。

1、上面的模型都是cesium自带的，如果是自己的模型，怎么加载呢？有两种方式：通过Cesium3DTileset.fromUrl方式[官网地址](

选择 Primitive 当​​：需要极致性能、自定义渲染或处理超大规模静态数据。​​选择 Entity 当​​：追求开发效率、动态属性管理及交互功能。​​混合使用​​：对静态背景用 Primitive 批量渲染，动态对象用 Entity 单独控制。二者本质是互补关系：Entity 通过封装 Primitive 实现高级抽象，而 Primitive 为 Entity 提供底层支撑。实际开发需根据性能瓶颈灵活选择。

Cesium 1.93的时间系统以JulianDate为基石，通过Clock驱动场景动态变化，结合TimeLine提供用户交互能力，完美支撑了地球科学可视化、实时模拟等复杂需求。开发者需掌握时间属性绑定与流速控制，以实现流畅的时空动态效果。

在 Cesium 1.93 中实现粒子效果需通过 ParticleSystem 类进行配置，结合发射器、生命周期、物理模拟等参数实现火焰、烟雾、雨雪等动态效果。

【代码】Cesium快速入门到精通系列教程六：加载渲染CZML数据。

在 Cesium 1.93 中加载和渲染 KML 数据的基本实例可通过以下步骤实现。

1. ​​全局样式配置​​stroke: Cesium.Color.HOTPINK, // 轮廓颜色fill: Cesium.Color.PINK, // 填充颜色strokeWidth: 3 // 轮廓线宽})

在 Cesium 1.93 中在广州塔（经度：113.3244，纬度：23.1049）上空 800 米处添加一个红点。

在 Cesium 1.93 中添加地形可以通过配置terrainProvider实现。Cesium 支持多种地形数据源，包括 Cesium Ion 提供的全球地形、自定义地形服务以及开源地形数据。

1、官方渠道下载Cesium（可选择历史版本）访问 Cesium GitHub Releases，此处列出了所有正式发布的版本。通过标签（如 v1.95.0）选择目标版本，下载对应的压缩包（包含源码、构建文件和网页）。​​优势​​：获取官方认证版本，附带完整变更日志和修复记录。以上命令执行完成后，将node_modules中cesium的以下四个目录复制到public目录：另外，将node_modules中cesium的Widgets目录复制到src目录：cmd中执行。