cesium

阿琳a_5 天前
前端·vue.js·github·网站搭建·cesium
在github上部署个人的vitepress文档网站我开发的BMapViewer组件正式上线了,文档使用了vitepress搭建编写,使用github Pages进行部署,现在可以正常访问了,接下来我会完整的写一遍网站部署过程。
云上飞476369626 天前
cesium·glb模型发黑
glb模型在Cesium中发黑的机理分析最近在将一款火箭模型(fbx模式)转换为glb(gltf)格式后,在Cesium中加载结果模型看起来全黑,经过分析发现是由于高光的折射率等级(IOR level)默认设置错误(设置为0)导致的,将其设置为0.5即可在Cesium中表现正常。
ct9787 天前
gis·webgl·cesium
Cesium的Primitive APICesium的Primitive API是直接对接WebGL的底层渲染接口,是实现极致性能与高度定制化三维场景的核心工具。与高层的Entity API不同,Primitive需要开发者手动管理顶点数据、材质、变换矩阵等WebGL资源,但其批处理能力、自定义着色器支持和内存可控性使其成为大规模数据渲染、特殊视觉效果开发的首选。以下从核心概念、创建流程、常用类型、高级技巧、交互与优化五大模块详细讲解Primitive API的常用方法与实战场景。
Irene19918 天前
openlayers·cesium
OpenLayers 和 Cesium 都是流行的开源 JavaScript 库,用于在网页上构建地图和地理空间应用本文围绕WebGIS开发中OpenLayers与Cesium的快速上手展开。OpenLayers侧重二维地图,Cesium专注三维地球。
fxshy8 天前
前端·vue.js·node.js·cesium·mcp
前端直连模型 vs 完整 MCP:大模型驱动地图的原理与实践(技术栈Vue + Cesium + Node.js + WebSocket + MCP)适合读者:完全新手、前端开发者、对大模型工具调用感兴趣的工程师 技术栈示例:Vue + Cesium + Node.js + WebSocket + MCP 教程目标:看懂并搭建一套“用户通过聊天输入指令,大模型决定调用工具,再驱动地图执行动作”的完整链路
棋鬼王9 天前
前端·javascript·vue.js·智慧城市·数字孪生·cesium
Cesium(十) 动态修改白模颜色、白模渐变色、白模光圈特效、白模动态扫描光效、白模着色器在三维数字城市应用中,建筑可视化不仅是展示空间结构,更是传递信息、增强沉浸感的重要手段。通过 WebGL 着色器技术,我们可以为 3D 建筑模型赋予丰富的视觉效果,例如根据高度变化的渐变色彩、动态扫描光效等。本文分享一个基于 Vue 3 和 Cesium 的实践项目,实现了两个核心效果:
duansamve9 天前
cesium
Cesium快速入门到精通系列教程二十四:限制相机在特定的Level之间展示地图在 Cesium 1.138 中,限制相机在特定 Level 之间展示地图,核心是用 screenSpaceCameraController 的距离限制 + 层级 - 高度映射,再配合瓦片层级约束,实现 “只能在指定层级区间内缩放”。
duansamve12 天前
cesium
Vue3的Vite项目中直接引入的方式使用Cesium不使用 CDN、不安装 npm 包,直接把 Cesium 静态文件放到项目里,通过本地路径 /Build/Cesium/xxx 引入并使用,这是离线 / 私有化部署最常用的方式。
WebGISer_白茶乌龙桃13 天前
前端·javascript·vue.js·webgl·cesium
基于 Cesium 的 GLB 建筑模型分层分房间点击拾取技术实现在基于 WebGIS 系统中,我们需要在三维地图上加载一栋完整的 GLB 格式建筑模型,并实现点击建筑的不同区域时,弹窗显示对应房间的详细信息——包括房间名称、楼层、房间号和用途。这栋建筑模型在建模阶段已经按房间进行了节点划分,例如"101-综合办公区"、"201-总经理办公室"等,但并没有通过 glTF 结构化元数据扩展(如 `EXT_structural_metadata`)写入属性信息,因此 Cesium 的标准 `ModelFeature` 拾取机制无法直接使用。这就要求我们深入 Cesium 的
小彭努力中14 天前
前端·css·openlayers·cesium·webgis
195.Vue3 + OpenLayers:监听瓦片地图加载情况(200、403及异常处理)效果:在实际项目开发中,尤其是无人机巡检系统、GIS系统等场景中,地图瓦片的加载稳定性非常关键。我们经常会遇到这些问题:
ct97815 天前
gis·webgl·cesium
Cesium的时间与时钟系统Cesium的时间与时钟系统是实现时空数据可视化、历史轨迹回放、实时数据同步的核心基石,其设计理念是将时间表示、逻辑控制、UI交互、属性绑定四层解耦,通过模块化协作实现复杂的时间驱动场景。以下从核心概念、关键API、实战场景、开发实例、注意事项五个维度进行深度解析:
BJ-Giser15 天前
前端·可视化·cesium
Cesium夜晚月亮银河夜空效果那年我俩未相逢清晨荷塘里正吹着风半臂襦裙轻罗小纸伞遮不住我的懵懂那年我俩未相逢午后蜻蜓立在水当中斜襟纱袍罩着少年容
棋鬼王15 天前
3d·信息可视化·智慧城市·webgl·cesium
Cesium(八) 三峡大坝水淹分析,江、湖、水库、大坝水淹决堤分析在水利工程、应急减灾、三维 GIS 可视化领域,淹没 / 水淹分析是核心刚需功能。通过 WebGL 三维引擎实现大坝、水库、江河、湖泊的水淹决堤模拟,能够直观还原水位上涨、淹没范围变化,为工程推演、应急决策、防汛调度提供可视化支撑。
BJ-Giser16 天前
前端·可视化·cesium
Cesium 基于EZ-Tree的植被效果EZ-Tree 的核心是一个基于参数化递归的程序化生成引擎。树干:通过在圆周上计算顶点形成截面,并沿生长方向堆叠形成连续的 3D 网格。
李剑一16 天前
前端·vue.js·cesium
别再瞎写 Cesium 可视化!热力图 + 四色图源码全公开,项目直接复用!之前 Cesium 中一直围绕着园区进行开发,现在增加地图的部分,后面还会增加公共组件、统计图等等操作。
MrGud17 天前
前端·cesium
Cesium中的坐标系及其转换Cesium作为一款强大的三维地球和地图可视化引擎,其核心魅力在于能够在虚拟空间中精准地表达地理信息。而这一切的基础,正是Cesium中精心设计的坐标系系统。无论是放置一个标记、绘制一条航线,还是模拟卫星运动,都离不开对坐标系的理解和运用。本文将系统介绍Cesium中的主要坐标系,并详细说明它们之间的转换方法,帮助你在开发中游刃有余地处理各种空间数据。
该怎么办呢18 天前
前端·javascript·cesium
packages\engine\Source\Core\Cartesian3.js这段代码实现了 Cartesian3 类,代表三维空间中的点或向量。它是 Cesium.js 等三维图形库中的核心数学类型,提供了丰富的向量运算和坐标转换功能。
该怎么办呢19 天前
开发语言·javascript·ecmascript·cesium
Source/Core/Event.js这段代码实现了一个通用的事件(观察者)系统,用于管理事件监听器的注册、移除和触发。它允许任意对象通过 Event 实例来发布事件,其他对象可以订阅该事件并在事件触发时收到通知。
该怎么办呢19 天前
前端·3d·源码·webgl·cesium·webgis
cesium核心代码学习-01项目目录及其基本作用本文档用于说明此仓库中各主要目录的作用。 重点覆盖开发、构建、测试与文档相关目录。
qq_2837200521 天前
json·gis·cesium
Cesium实战(三):加载天地图(影像图,注记图)避坑指南还在为Cesium三维地球找不到合适的国内底图发愁?想用权威、更新及时的天地图作为可视化项目的底图,却不知道如何接入?