- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 免费GIS数据及模型下载资
本文推荐了多个免费的GIS数据与3D模型下载资源。GIS数据可从POI86、天地图云中心获取，提供丰富的地理信息数据；3D模型下载推荐Sketchfab（含免费资源）和GrabCAD平台。这些资源适用于GIS应用开发和3D建模需求，部分内容免费开放使用。（99字）
2025-09-18 18:00:12
211
原创 vue动态时间轴：交互式播放与进度控制
本文介绍了一个可视化时间轴组件，具有以下核心功能：1）基础时间轴显示，支持自定义样式；2）播放控制功能，可调节播放速度；3）进度条交互，支持点击跳转和拖拽控制；4）整点时间标记系统；5）当前时间精确指示器；6）多种时间格式化选项；7）完善的事件系统。该组件采用响应式设计，支持60fps流畅播放，提供播放/暂停、倍速播放、进度跳转等交互功能，并可通过事件回调与父组件通信。适用于需要展示时间序列数据的场景，如历史数据回放、视频播放控制等。
2025-09-18 16:53:42
1213
原创 cesium实现卫星在轨绕行及卫星发射光束效果
该代码实现了一个基于Cesium的卫星轨道可视化系统，主要功能包括：1. 支持解析TLE两行数据生成卫星轨道；2. 为每颗卫星创建3D模型并绑定动态轨道；3. 提供卫星光束效果，包括锥形雷达光束和地面覆盖圆；4. 支持按时间范围控制光束显示状态；5. 可自定义轨道和卫星颜色样式。系统通过定时检查当前时间自动更新光束可见性，并支持手动显示/隐藏所有轨道元素。代码结构清晰，包含轨道计算、位置更新、光束效果等核心功能模块。
2025-09-16 17:33:58
653
原创 Cesium炫酷3D粒子烟雾特效实现
文章摘要：本文介绍了基于Cesium的三维粒子烟雾效果实现方案，包含两个核心类：ParticleSmokeEffect（单点粒子烟雾）和MultiSmokeEffect（多点烟雾管理器）。ParticleSmokeEffect通过圆形发射器创建动态烟雾效果，支持自定义位置、颜色、粒子数量等参数，并采用Canvas生成渐变纹理模拟烟雾扩散。MultiSmokeEffect提供多点管理功能，支持交互式添加/删除烟雾点，包含鼠标点击添加、默认配置管理等功能。实现效果为红色半透明烟雾粒子持续向上飘动，适用于三维场景
2025-09-16 17:13:13
206
原创 【vue+ts】两张图进行卷帘分析效果
这就是一个专业的图片对比分析工具，通过卷帘的方式让用户能够清晰地看到两张图片之间的差异！1.下面是组件，直接创建个vue文件引入即可，会以弹框形式打开。
2025-06-26 15:06:45
248
原创 【cesium+js】绘制椭圆
摘要：该代码实现了一个基于Cesium的交互式椭圆绘制工具。通过鼠标左键点击确定椭圆中心点，移动鼠标实时预览椭圆形状（长轴随距离变化，短轴固定为长轴的60%），右键点击完成绘制并生成最终椭圆。绘制过程中提供贴地效果和颜色透明度设置，支持取消操作和清除所有已绘制椭圆。工具采用事件监听机制实现交互逻辑，适用于地理信息系统的图形标注需求。
2025-06-23 15:50:54
258
原创 【cesium+js】实时获取当前的层级数
该代码实现了在Cesium三维地球场景中获取当前视图层级的功能。主要通过三种方法计算：1)根据相机高度和视角计算精确层级；2)使用Cesium内部瓦片渲染信息获取层级；3)通过预设高度阈值映射标准瓦片层级(0-19级)。返回结果包含相机高度、计算层级、地面分辨率及描述信息，适用于地理可视化应用中动态判断视图缩放级别。
2025-06-23 15:36:28
458
原创 【cesium+js】实时获取屏幕的四角点坐标
该代码实现了获取Cesium三维场景视图四个角点的经纬度坐标。主要采用两种方法：1）优先使用camera.computeViewRectangle()计算当前视图矩形范围，转换为经纬度坐标；2）备用方法通过屏幕坐标转换，使用射线拾取地球表面位置。函数返回包含左上、右上、左下、右下四个角点坐标的对象，每个坐标包含经度、纬度和高度信息。若获取失败则返回null，并输出错误日志。该功能可用于GIS应用中实时获取当前屏幕显示范围的边界坐标。
2025-06-23 15:30:52
383
原创 【cesium+js】可视域分析
本文实现了一个基于Cesium的可视域分析功能。通过点击地图选取两个点，系统自动计算两点间距离作为分析半径，从中心点向四周发射90条射线进行地形遮挡分析。分析结果显示为绿色（可见区域）和红色（不可见区域）线段，并标注中心点的海拔高度、分析半径及坐标信息。该功能包含完整的交互流程：1)选取两个点确定分析区域；2)自动进行可视域计算；3)显示分析结果和位置信息；4)提供清除分析结果的接口。分析过程考虑了地形因素，使用sampleTerrainMostDetailed获取精确高程数据。
2025-06-23 15:24:24
168
原创 【cesium+js】俩点之间通视分析
本文实现了一个基于Cesium的三维场景通视分析工具，主要功能包括：通过鼠标点击选取两点进行视线分析；自动计算并显示两点间的水平、垂直和空间距离；用不同颜色标识可视与不可视区域；显示起点海拔和通视状态。工具采用地形采样技术进行精确分析，支持实时清除绘制结果，并确保所有标记点、连线和标签不受地形遮挡影响。该分析工具适用于三维地理信息系统中的视线分析和地形可视性评估。
2025-06-23 15:19:01
230
原创 cesuim 台风轨迹移动(升级版)
本文介绍了一个基于Cesium的台风轨迹可视化系统实现方案。系统通过JSON数据绘制24小时和48小时台风警示线，支持动态显示台风移动路径和实时信息。核心功能包括：1) 使用Cesium的SampledPositionProperty实现台风路径动画；2) 根据风速等级动态改变标记点颜色；3) 自动跟踪台风移动视角；4) 显示台风移动过程中的风速和时间信息。系统还实现了警示线标注、路径清除等功能，并提供了完整的台风历史数据示例（2023年9月30日至10月9日）。该方案可为气象监测和灾害预警提供直观的可视化
2023-10-31 18:42:30
1313
11
原创 cesuim 台风轨迹效果
本文介绍了一个基于Cesium的台风路径可视化系统。系统通过导入台风历史数据（包含经纬度、气压、风速等信息），实现了台风路径动态展示功能。主要特点包括：1) 使用拉格朗日插值算法实现平滑轨迹；2) 根据风速变化动态调整标记颜色；3) 支持三维视角跟踪飞行；4) 提供时间轴控制播放速度。系统可清晰展示2021年7月一次台风从生成到消亡的全过程，包括路径变化和强度演变，为气象研究和灾害预警提供直观的可视化工具。
2023-10-30 18:08:29
779
1
原创 Cesium3D白模渲染与颜色修改技巧
该代码片段展示了如何在Cesium中实现白模模型的添加和删除功能。addWhiteModel函数接收b3dm模型URL和颜色参数，创建一个3D瓦片集并应用指定颜色样式，最后将模型添加到场景中。removeWhiteModel函数则用于移除所有已添加的白模模型。代码通过维护whiteModelEntity数组来跟踪已添加的模型，实现了模型的批量管理和删除功能。
2023-10-09 15:48:48
1070
1
原创 Echarts图表案例大全
Echarts图表案例资源汇总： MakeAPie社区（echarts社区）提供丰富的可视化案例； PPChart平台简化图表制作流程； ECharts官网包含官方示例和文档。 这些资源覆盖各类图表类型，适合开发者快速实现数据可视化需求，支持在线编辑和代码下载。
2023-09-29 11:33:39
507
原创 cesuim WallFlowMaterialProperty实现动态墙
本文介绍了使用Cesium实现动态流动墙效果的代码实现。通过定义WallFlowMaterialProperty材质属性类，利用requestAnimationFrame实现实时更新位置参数，创建了从下向上流动的动态视觉效果。代码包含材质定义、着色器源码、实体创建和删除等功能，支持自定义颜色、位置和透明度。关键是通过GLSL着色器计算片段位置和颜色，结合时间参数实现动态流动效果，最终将材质应用到Cesium的墙实体上。该方案适用于三维地理可视化场景中的动态特效展示。
2023-09-27 20:11:19
564
1
原创 cesuim 坐标点闪烁炫酷效果
这篇文章介绍了一个基于Cesium.js实现动态地理可视化效果的技术方案。主要内容包括： 创建了addhemisphere.js模块，封装了多种地理可视化特效的实现方法： 半球体效果(addHemisphere) 动态飞线效果(addLine) 动态墙效果(addDynamicWall) 圆形波纹扩散效果(addCircle) 每种效果都通过自定义材质属性类实现，利用WebGL着色器编程实现动态视觉效果，包括颜色变化、动画效果等。 提供了调用示例，展示了如何在地图上添加带有波纹扩散效果的点标记，并附有效果展
2023-09-27 19:56:54
958
3
原创 cesium三维地图视角匀速飞行控制代码
这篇文章介绍了一个实现三维场景中相机匀速飞行功能的代码模块。该功能允许相机沿着预设的经纬度坐标点路径移动，可设置统一高度和飞行速度。核心函数flyCamera接收坐标点数组、速度参数和可选高度值，通过计算相邻点距离确定飞行时间间隔，使用Cesium库实现平滑的相机运动。文章还提供了退出飞行模式的exitFlyCamera函数。代码考虑了不同高度值的处理方式，并实现了相机视角的自动调整，确保飞行过程中保持合理的观察角度。
2023-09-27 17:40:45
344
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人