再识Cesium
文章平均质量分 91
分享我在实际项目中积累的 Cesium 开发经验,包括但不限于:
✅ Cesium API 分类总结(如视角控制、Entity 动态更新等)
✅ Cesium 源码理解(如 3D Tiles LOD 加载机制、渲染流程)
✅ 性能优化与浏览器兼容性处理
✅ 从 demo 到项目的完整实战案例(纯原
柳晓黑胡椒
new Promise((resolve, reject) => {
(async (三人行必有我师焉) => {
switch (true) {
case todo:
return await 一个乐于造轮子的webgis开发者(resolve);
case new Int8Array(请教).length / 321 >> 0:
return await wx17607967993(reject);
}
})()
})
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cesium 示例集:迁徙路网特效 glsl实现
基于Cesium的迁徙路网特效实现方法 本文介绍了三种基于Cesium的GLSL特效实现方案原创 2025-12-17 10:36:31 · 121 阅读 · 0 评论 -
原生cesium 实现批量divpoint气泡,及气泡碰撞测试与自动避让
需要实现一个上百点批量同时存在的 popup 弹框,为了提高用户体验。1.重叠的弹框,需要隐藏下一层级的 popup。2.为了让用户尽可能看到较全的弹框,需要做弹框的自动避让。原创 2024-08-21 18:27:46 · 924 阅读 · 0 评论 -
Cesium 示例集:扩散特效 glsl实现
Cesium扩散特效GLSL实现 本文基于Cesium 1.132版本,分享了7种常见的扩散与扫描动态特效实现方法,适用于气象、水利、应急等三维可视化场景。作者作为资深WebGIS开发工程师,通过primitive-Appearance结合GLSL着色器,实现了包括单圈波纹、多重波纹、雷达扫描等多种动态效果。 文章要点: 单圈扩散效果:中心点向外扩散的单圈波纹,适用于定位动画和目标高亮 多重扩散效果:连续层次波纹,模拟持续信号扩散 扫描效果:中心旋转扫描线,适用于监测和安防场景 示例代码展示了具体的实现方式原创 2025-11-11 13:53:56 · 257 阅读 · 0 评论 -
Cesium Primitive 全面解析与实践(六)「10 分钟掌握 Cesium Primitive」
本文介绍了在Cesium中通过Primitive和Appearance实现自定义线材质的多种效果。作者作为资深WebGIS开发者,分享了彩色渐变线、动态图标和流动线三种实现方案,均通过GLSL着色器控制材质外观。每种效果都配有示例代码和效果图,适用于航迹、流向等场景可视化。文章强调uniforms参数和time变量的动画控制作用,提供了可直接应用的代码模板。读者可通过优快云专栏获取完整源码,作者鼓励技术交流与二次开发。原创 2025-10-11 10:31:15 · 179 阅读 · 0 评论 -
Cesium Primitive 全面解析与实践(三)「10 分钟掌握 Cesium Primitive」
本文介绍了Cesium中Primitive自定义Geometry的核心概念与应用方法。文章首先解释了Primitive作为底层绘制对象的工作原理,重点阐述了通过自定义顶点、索引、法向量和纹理坐标来构建复杂3D模型的技术要点。随后通过两个实用案例展示了从基础三角形到正方形的构建过程,并详细说明了如何利用索引优化技术提升几何体渲染效率。文中提供了完整的代码示例,包括顶点数据定义、模型矩阵计算和几何体实例化等关键步骤。这些技术可以帮助开发者在WebGIS项目中实现高性能的3D模型渲染,同时为后续更复杂的几何体开发原创 2025-09-22 16:58:42 · 482 阅读 · 0 评论 -
Cesium Primitive 全面解析与实践(四)「10 分钟掌握 Cesium Primitive」
本文介绍了Cesium中Primitive的Appearance系统,详细解析了其核心概念和应用方法。Appearance作为几何体的外观控制器,与Geometry共同构成渲染体系,可形象理解为"骨架"与"皮肤"的关系。原创 2025-09-18 16:38:59 · 373 阅读 · 0 评论 -
Cesium Primitive 全面解析与实践(二)「10 分钟掌握 Cesium Primitive」
本文整理了Cesium中常见的Primitive几何类型及其应用场景,包括体类、面类、线类和墙体几何体。通过示例代码演示了BoxGeometry(盒子)、CircleGeometry(圆)、CorridorGeometry(走廊)和CylinderGeometry(锥体)的具体实现,涵盖参数设置、几何创建、实例化及渲染过程。这些几何类型可用于三维建模、区域绘制、线状表示等场景,开发者可直接使用或二次封装以提升开发效率。原创 2025-09-09 15:15:59 · 125 阅读 · 0 评论 -
Cesium Primitive 全面解析与实践(一)「10 分钟掌握 Cesium Primitive」
本文深入解析Cesium中的Primitive底层渲染机制。Primitive由Geometry(定义形状)和Appearance(控制外观)构成,直接对接WebGL渲染管线,相比Entity具有更高性能和灵活性。文章对比了Entity与Primitive的差异,Primitive在批量渲染、自定义着色等方面优势明显,特别适合处理海量数据和特殊可视化需求。通过示例代码演示了如何创建基础Primitive实例,并分析了其生命周期和渲染流程。对于需要优化性能或实现复杂原创 2025-09-09 10:30:04 · 333 阅读 · 0 评论 -
Cesium 视角切换功能全解析「10 分钟掌握 Cesium 视角切换」
本文整理了常见的五大类切换方式,配合示例代码,你可以在实际项目中直接使用或二次封装,提升开发效率原创 2025-09-03 08:48:37 · 353 阅读 · 0 评论 -
cesium源码热更新调试编译
🚀 个人简介:某大型测绘遥感企业资深Webgis开发工程师,软件设计师(中级)、优快云优质创作者❣️🌈 若有帮助,还请➕➕,不行的话我再努努力💪💪💪。原创 2025-07-15 21:05:49 · 763 阅读 · 0 评论 -
Cesium源码打包
一般情况下我们在项目种都是直接下载官网的Cesium安装包或者使用yarn add Cesium方式进行Cesium开发。但有时我们需要对Cesium功能进行扩充,加入自己的内容。这个时候我们就不能使用上述两种方式来进行扩充了,因为这个安装包是Cesium事先打包编译好的。我们首先需要在github上下载你所需要的Cesium某版本的包,下载网址:github-CesiumJS地址找到自己想要的Cesium版本进行下载。,然后对源码进行修改增加内容,再自己进行打包编译。时,报出以下错误,可以在。原创 2025-07-14 15:05:05 · 602 阅读 · 0 评论
分享