江河的 WebGIS 技术博客 https://www.pyragis.top/ WebGIS、Vue、Cesium 与前端工程实践记录 zh-CN Cesium 三维风场：用 WebGL 2 GPU 粒子描绘全球气流 https://www.pyragis.top/blog/webgis/cesium-showcase/01-wind-field https://www.pyragis.top/blog/webgis/cesium-showcase/01-wind-field 拆解案例中的风场数据、GPU 粒子更新、轨迹渲染、颜色映射和 Vue 参数控制 Sun, 30 Aug 2026 00:00:00 GMT Cesium 北斗三维网格：在城市 3D Tiles 上做 GeoSOT-3D 剖分 https://www.pyragis.top/blog/webgis/cesium-showcase/03-beidou-3d-grid https://www.pyragis.top/blog/webgis/cesium-showcase/03-beidou-3d-grid 介绍区域体素生成、建筑表面采样、结构碰撞检测、Worker 几何构建和网格编码查询 Sun, 30 Aug 2026 00:00:00 GMT Cesium 区域等高线：地形采样与 Marching Squares https://www.pyragis.top/blog/webgis/cesium-showcase/05-regional-contours https://www.pyragis.top/blog/webgis/cesium-showcase/05-regional-contours 从交互绘制区域开始，完成规则网格采样、等高线提取、平滑、标注和高程统计 Sun, 30 Aug 2026 00:00:00 GMT Cesium 地形开挖：裁剪真实地表并重建坑壁坑底 https://www.pyragis.top/blog/webgis/cesium-showcase/07-terrain-excavation https://www.pyragis.top/blog/webgis/cesium-showcase/07-terrain-excavation 拆解多边形开挖、坑底策略、边界采样、侧壁重建、方量估算和多区域裁剪管理 Sun, 30 Aug 2026 00:00:00 GMT Cesium 地形压平：量化地形顶点改写与边界羽化 https://www.pyragis.top/blog/webgis/cesium-showcase/09-terrain-flatten https://www.pyragis.top/blog/webgis/cesium-showcase/09-terrain-flatten 解析绝对与相对高程模式、瓦片顶点修改、原始快照、空间索引、局部刷新和性能统计 Sun, 30 Aug 2026 00:00:00 GMT Cesium 城市风场 CFD：北斗体素网格、LBM 与 GPU 粒子 https://www.pyragis.top/blog/webgis/cesium-showcase/02-city-wind-cfd https://www.pyragis.top/blog/webgis/cesium-showcase/02-city-wind-cfd 从 3D Tiles 表面采样到固体掩膜、D2Q9 LBM 求解和粒子流线，梳理城市风场案例的完整管线 Sun, 30 Aug 2026 00:00:00 GMT Cesium 地形抬升：从真实地表生成可编辑地块 https://www.pyragis.top/blog/webgis/cesium-showcase/08-terrain-lift https://www.pyragis.top/blog/webgis/cesium-showcase/08-terrain-lift 说明地形采样、影像纹理、抬升顶面、侧壁坑体、质量档位、进度取消和工程量分析 Sun, 30 Aug 2026 00:00:00 GMT Cesium 地形可视域：径向采样与最大遮挡仰角 https://www.pyragis.top/blog/webgis/cesium-showcase/06-terrain-viewshed https://www.pyragis.top/blog/webgis/cesium-showcase/06-terrain-viewshed 通过地形径向采样判断可见与遮挡区域，并生成观察点视角快照和计算统计 Sun, 30 Aug 2026 00:00:00 GMT Cesium 全球北斗网格：自适应 LOD 与光标编码查询 https://www.pyragis.top/blog/webgis/cesium-showcase/04-global-beidou-grid https://www.pyragis.top/blog/webgis/cesium-showcase/04-global-beidou-grid 在全球尺度上按相机高度选择 GeoSOT 网格层级，并用 Worker 生成地表格网和三维体素 Sun, 30 Aug 2026 00:00:00 GMT Cesium 无人机模型实例化：一份 GLB 渲染万级编队 https://www.pyragis.top/blog/webgis/cesium-showcase/12-model-instancing https://www.pyragis.top/blog/webgis/cesium-showcase/12-model-instancing 拆解模型实例矩阵纹理、CPU 视锥剔除、巡航更新、拾取高亮和文字编队生成 Sun, 30 Aug 2026 00:00:00 GMT Cesium FFT 矩形水面：GPU 频谱海浪与随波船体 https://www.pyragis.top/blog/webgis/cesium-showcase/13-fft-rectangle-water https://www.pyragis.top/blog/webgis/cesium-showcase/13-fft-rectangle-water 在 Cesium Primitive 中接入多级联 FFT 海浪，完成位移、法线、清澈度、LOD 网格和船体姿态采样 Sun, 30 Aug 2026 00:00:00 GMT Cesium 无人机管道航道：Tube 几何与菲涅尔流光材质 https://www.pyragis.top/blog/webgis/cesium-showcase/11-uav-corridor https://www.pyragis.top/blog/webgis/cesium-showcase/11-uav-corridor 从航点平滑、管道网格构建到半透明空心材质、边缘辉光、状态配色和场景拾取 Sun, 30 Aug 2026 00:00:00 GMT Cesium 体积火焰：光线步进、噪声与点线面绘制 https://www.pyragis.top/blog/webgis/cesium-showcase/14-volumetric-fire https://www.pyragis.top/blog/webgis/cesium-showcase/14-volumetric-fire 使用自定义 Primitive 绘制可调体积火焰，并扩展区域实例、火花、动态光照和自动质量控制 Sun, 30 Aug 2026 00:00:00 GMT Cesium 高度雾：从深度纹理恢复世界坐标 https://www.pyragis.top/blog/webgis/cesium-showcase/10-height-fog https://www.pyragis.top/blog/webgis/cesium-showcase/10-height-fog 使用 PostProcessStage 按像素高度、距离、噪声和散射计算可调节的动态高度雾 Sun, 30 Aug 2026 00:00:00 GMT Three.js FFT 真实海面：WebGPU、WebGL 与多级联波谱 https://www.pyragis.top/blog/webgis/cesium-showcase/15-poseidon-ocean https://www.pyragis.top/blog/webgis/cesium-showcase/15-poseidon-ocean 拆解 Poseidon 海面的频谱初始化、GPU FFT、多级联合成、水面材质、天空光照和浮船采样 Sun, 30 Aug 2026 00:00:00 GMT Three Tile FFT 海面：地图瓦片与频谱海浪的组合渲染 https://www.pyragis.top/blog/webgis/cesium-showcase/16-three-tile-ocean https://www.pyragis.top/blog/webgis/cesium-showcase/16-three-tile-ocean 在 three-tile 地图场景中叠加 WebGL FFT 海面，并处理地图与海面视角、MRT、质量预设和运行统计 Sun, 30 Aug 2026 00:00:00 GMT Vue 3 多页签 keep-alive：缓存失效与重复请求排查 https://www.pyragis.top/blog/frontend/vue-keep-alive-tabs-pitfalls https://www.pyragis.top/blog/frontend/vue-keep-alive-tabs-pitfalls 从嵌套 keep-alive 的 deactivate 报错和非活跃组件重复请求入手，梳理多页签后台的缓存身份与副作用管理。 Thu, 16 Jul 2026 00:00:00 GMT Vue 3 按钮埋点实现：v-track 指令与统一上报 https://www.pyragis.top/blog/frontend/vue-v-track-button-tracking https://www.pyragis.top/blog/frontend/vue-v-track-button-tracking 从点击事件进入自定义指令开始，讲清 Vue 3 按钮埋点如何更新绑定参数、收集页面上下文并隔离上报异常。 Thu, 16 Jul 2026 00:00:00 GMT Cesium 3D Tiles 局部移动实验：选择瓦片并修改节点变换 https://www.pyragis.top/blog/webgis/cesium/08-3d-tiles-partial-transform https://www.pyragis.top/blog/webgis/cesium/08-3d-tiles-partial-transform 分析通过运行时瓦片树实现局部平移、旋转和缩放的过程，并说明私有 API、LOD 和语义边界 Tue, 14 Jul 2026 00:00:00 GMT Cesium 加载 GLB 模型：Entity 与 Primitive 怎么选 https://www.pyragis.top/blog/webgis/cesium/07-glb-entity-vs-primitive https://www.pyragis.top/blog/webgis/cesium/07-glb-entity-vs-primitive 对比 Entity ModelGraphics 和 Model.fromGltfAsync 两条加载路径，整理姿态、动画、批量加载和清理方式 Tue, 14 Jul 2026 00:00:00 GMT Cesium 自定义视锥体：从八个顶点到可更新 Primitive https://www.pyragis.top/blog/webgis/cesium/12-custom-frustum-primitive https://www.pyragis.top/blog/webgis/cesium/12-custom-frustum-primitive 根据水平视场角、垂直视场角和近远截面构造视锥几何，并转换到地球局部坐标系中渲染 Tue, 14 Jul 2026 00:00:00 GMT Cesium 地形可视域分析：用采样射线判断通视关系 https://www.pyragis.top/blog/webgis/cesium/09-terrain-viewshed-analysis https://www.pyragis.top/blog/webgis/cesium/09-terrain-viewshed-analysis 不依赖 ShadowMap，从观察点建立径向采样网格，通过最大遮挡仰角计算地形可见区并细化红绿边界 Tue, 14 Jul 2026 00:00:00 GMT Cesium 动态电子围栏：WallGeometry 与流动材质 https://www.pyragis.top/blog/webgis/cesium/10-dynamic-geofence-wall https://www.pyragis.top/blog/webgis/cesium/10-dynamic-geofence-wall 从用户绘制多边形生成围栏墙体，使用自定义 Material 驱动纹理流动，并区分视觉围栏与进入离开报警 Tue, 14 Jul 2026 00:00:00 GMT Cesium 高度雾后处理：从深度纹理恢复世界坐标 https://www.pyragis.top/blog/webgis/cesium/11-height-fog-post-process https://www.pyragis.top/blog/webgis/cesium/11-height-fog-post-process 使用 PostProcessStage 读取颜色和深度纹理，按像素高度、距离、噪声和光照计算动态高度雾 Tue, 14 Jul 2026 00:00:00 GMT Cesium 坐标转换与地图拾取：从屏幕像素到经纬度 https://www.pyragis.top/blog/webgis/cesium/02-coordinate-picking https://www.pyragis.top/blog/webgis/cesium/02-coordinate-picking 理清 Cartesian2、Cartesian3、Cartographic 三套坐标，并实现兼容模型、地形和椭球的三级拾取 Sun, 12 Jul 2026 00:00:00 GMT Cesium 通用绘制与测量工具：动态预览、距离面积与顶点编辑 https://www.pyragis.top/blog/webgis/cesium/03-draw-and-measure https://www.pyragis.top/blog/webgis/cesium/03-draw-and-measure 用状态和策略拆分 Cesium 绘制流程，实现折线、多边形、圆和矩形的动态预览、测量及编辑 Sun, 12 Jul 2026 00:00:00 GMT Cesium 加载与调整 3D Tiles：ENU 变换、模型矩阵和 LOD https://www.pyragis.top/blog/webgis/cesium/04-3d-tiles-transform-and-lod https://www.pyragis.top/blog/webgis/cesium/04-3d-tiles-transform-and-lod 从 Cesium3DTileset.fromUrl 开始，完成 3D Tiles 定位、旋转、缩放、垂直偏移和精度控制 Sun, 12 Jul 2026 00:00:00 GMT 从 Cesium 地形采样生成局部等高线 https://www.pyragis.top/blog/webgis/cesium/06-regional-contours https://www.pyragis.top/blog/webgis/cesium/06-regional-contours 使用规则网格、地形高程采样和 Marching Squares，在用户绘制区域内生成可交互的局部等高线 Sun, 12 Jul 2026 00:00:00 GMT Cesium 地形开挖与抬升：裁剪地表并重建侧壁 https://www.pyragis.top/blog/webgis/cesium/05-terrain-excavation-and-lift https://www.pyragis.top/blog/webgis/cesium/05-terrain-excavation-and-lift 使用 ClippingPolygon、ClippingPlane、地形采样和 Primitive 实现可调深度的地形开挖与地形抬升 Sun, 12 Jul 2026 00:00:00 GMT Vue 3 中封装 Cesium Viewer：初始化、HMR 与资源清理 https://www.pyragis.top/blog/webgis/cesium/01-vue3-cesium-viewer https://www.pyragis.top/blog/webgis/cesium/01-vue3-cesium-viewer 把 Cesium Viewer 封装成可复用的 Vue 3 组合式函数，并处理热更新、事件解绑和 WebGL 资源释放 Sun, 12 Jul 2026 00:00:00 GMT 前端渲染大型表格方法总结 https://www.pyragis.top/blog/frontend/%E5%A4%A7%E5%9E%8B%E8%A1%A8%E6%A0%BC%E6%B8%B2%E6%9F%93%E6%96%B9%E6%B3%95%E6%80%BB%E7%BB%93 https://www.pyragis.top/blog/frontend/%E5%A4%A7%E5%9E%8B%E8%A1%A8%E6%A0%BC%E6%B8%B2%E6%9F%93%E6%96%B9%E6%B3%95%E6%80%BB%E7%BB%93 前端渲染大型表格方法总结 Thu, 05 Mar 2026 00:00:00 GMT Gemini CLI 工具使用教程 https://www.pyragis.top/blog/ai/gemini-cli%E4%BD%BF%E7%94%A8 https://www.pyragis.top/blog/ai/gemini-cli%E4%BD%BF%E7%94%A8 Gemini CLI 工具使用教程 Mon, 26 Jan 2026 00:00:00 GMT Vue 3 组合式 API 完全指南 https://www.pyragis.top/blog/frontend/vue3-guide https://www.pyragis.top/blog/frontend/vue3-guide 深入理解 Vue 3 Composition API 的核心概念和最佳实践 Fri, 20 Dec 2024 00:00:00 GMT Cesium 三维地球入门教程 https://www.pyragis.top/blog/webgis/cesium-tutorial https://www.pyragis.top/blog/webgis/cesium-tutorial 从零开始学习 Cesium.js，构建你的第一个三维地球应用 Sun, 15 Dec 2024 00:00:00 GMT Leaflet 地图开发基础 https://www.pyragis.top/blog/webgis/leaflet-basics https://www.pyragis.top/blog/webgis/leaflet-basics 轻量级地图库 Leaflet 的快速入门指南 Thu, 28 Nov 2024 00:00:00 GMT