cesium源码热更新调试编译

Cesium源码热更新调试编译教程
于 2025-07-15 21:05:49 发布
阅读量748 收藏 7
点赞数 10
CC 4.0 BY-SA版权
分类专栏： # 再识Cesium 文章标签： cesium 热更新 开源
柳晓黑胡椒
本文链接：https://blog.youkuaiyun.com/hr_beginner/article/details/149367660

🚀 个人简介：某大型测绘遥感企业资深Webgis开发工程师，软件设计师(中级)、优快云优质创作者
💟 作 者：柳晓黑胡椒❣️
📝 专 栏：再识Cesium
🌈 若有帮助，还请关注 ➕ 点赞➕收藏，不行的话我再努努力💪💪💪

我突发奇想，想把几个cesium做的让我特别惊奇的地方，比如3dtiles的lod实现，重新认识一边，也整理成blob，分享给粉丝们
当然，首先得把热更新的环境搭好，这里对照的是，目前的latest版本 cesium 1.131

搭建vite项目

yarn create vite@latest

备注：如果遇到什么npm，npx，yarn…的node问题，我个人认为不用去寻找nvm的环境变量问题，直接卸载当前nvm，安装最新版的nvm就可解决问题

在这里插入图片描述

拷贝源码打包后的包

  1. copy源码包，创建cesium文件夹
    由于我搭建的是ts的环境，把.js改成.ts了
    在这里插入图片描述

  2. copy静态资源

了解本专栏 订阅专栏 解锁全文 超级会员免费看
cesium-1.48源码
08-13
很好的cesium资料，最新版的，对于学习webgl 三维地图开发具有很大的帮助!
cesium开发环境部署 - 副本.docx
09-11
日常学习cesium笔记之一，cesium开发环境部署，包括tomcat环境部署，cesium环境部署，jdk环境安装等；借鉴他人心得，做好自己开发记录笔记，以备后查。
Cesium源码打包
最新发布
喜大普奔
07-14 575
一般情况下我们在项目种都是直接下载官网的Cesium安装包或者使用yarn add Cesium方式进行Cesium开发。但有时我们需要对Cesium功能进行扩充，加入自己的内容。这个时候我们就不能使用上述两种方式来进行扩充了，因为这个安装包是Cesium事先打包编译好的。我们首先需要在github上下载你所需要的Cesium某版本的包，下载网址：github-CesiumJS地址找到自己想要的Cesium版本进行下载。，然后对源码进行修改增加内容，再自己进行打包编译。时，报出以下错误，可以在。
Cesium 源码编译&调试
u010206379的博客
05-10 1486
最新版本的cesium源码在编译时默认使用下的，从而导致。
搭建cesium源码调试环境
liubangbo的专栏
07-06 926
1) packages目录源码目录，包含engine，widgets2）Apps目录包含一些示例代码3）Specs目录测试相关代码4）ThirdParty目录第三方依赖代码最新的cesium采用了gulp 和 esbuild进行打包，极大的提高了打包速度。gulpfile.js导出了打包命令，像build, buildRelease,clean等。具体的打包过程在build.js中。6）Build目录。
环境： Ubuntu下 Cesiumjs 调试环境配置 （著名的三维虚拟地球开源项目）
GPU全栈博主
09-22 2934
Cesiumjs 是一个开源三维GIS 1: 安装 Chrome 浏览器，参照： http://blog.youkuaiyun.com/zangle260/article/details/39475771 2：安装 js 相关组件，参照： http://blog.youkuaiyun.com/zangle260/article/details/39475783 3：下载Cesiumjs 源码： http://c
cesium html源码,Cesium源码的本地运行及调试
weixin_42458937的博客
06-18 747
CesiumJS源码运行有两种方式：基于node.js运行官方下载地址：https://cesium.com/cesiumjs/下载解压后，在根目录安装依赖后，就可直接运行npm initnpm start如果调试代码呢，官方的示例都是在Sandcastle里放着，调试并不直观，便可以用下面的方式直接js文件引用执行新建个html文件，导入cesium的样式文件和包定义下CESIUM_BASE_U...
Cesium编译
水梦雪幻
03-19 692
环境要求 环境要求：node-v12.10.0-x64 编译流程 切换到程序包目录下： 安装gulp： 1.设置淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org 不安装淘宝镜像则需要翻墙获取下一步的资源。 2.安装gulp：npm install gulp -g 全局安装gulp 3.对cesium源码安装np...
Cesium for Unreal 从源码编译到应用——插件编译
GIS学习的专栏
02-20 3406
Cesium for Unreal 从源码编译到应用
cesium教程一：开发环境编译
鸣风
07-03 563
本文摘要：Cesium开发环境搭建指南，包含六个关键步骤：1) 安装Node.js和Git；2) 获取源码（直接下载或Git克隆）；3) 安装依赖并编译项目；4) 启动本地服务器访问Sandcastle示例；5) 配置Cesium Ion账号Token；6) 在Sandcastle中加载地图示例。文章还提供了常见问题解决方案，如安装依赖失败时使用淘宝镜像、端口冲突处理等。所有操作需在项目根目录执行，编译文件生成在/Build目录中。
Cesium源码编译过程
wml00000的博客
07-18 1037
Cesium源码编译过程 文章目录Cesium源码编译过程1. 操作环境2. 主要步骤3. 参考链接4. 源码扩展 1. 操作环境 NodeJS V12.12.0 Git 注：不需要全局安装gulp，devDependencies中已经包含该依赖。 2. 主要步骤 通过Git在Github上拉取指定版本的代码； - 以tag 1.70.1为例 git clone -b 1.70.1 https://github.com/CesiumGS/cesium.git 注：不建议直接下载Release的压缩包
cesium使用自带的测试用例测试源码
专注GIS开发
04-13 1885
cesium使用自带的测试用例测试源码
cesium经典代码
11-17
cesium好多都得用数据支持，这个案例代码直接放在webserver上就可以运行，学习的好例子
02.Cesium源码编译及搭建开发环境
chuanren1991的博客
10-07 757
开始之前，默认你已经掌握了一定的前端知识，文章中用到的一些前端知识不再展开解释，如果你有不明白的地方，请自行学习。另外，本篇文章及后续的文章首先会使用原生JS的方式 进行实例的开发，Vue版本会在后期文章中更新。
Cesium源码编译
心如止水 宠辱不惊
11-06 4356
第一步，下载源代码 在浏览器打开https://github.com/AnalyticalGraphicsInc/cesium地址，选择某个tag，如1.51 第二步，安装编译环境 ①安装node.js，安装完成后在cmd里依次执行node –v，npm –v命令，检查node和npm环境安装是否正确。 ②安装gulp包，在cmd里依次执行如下命令 E: cd E:\temp\Cesi...
Cesium源码编译使用（weixin公众号【图说GIS】）
ONEGISER的博客
08-23 282
Cesium源码编译使用（
Cesium 源码分析入门（一）
qq_44104427的博客
05-22 3273
中已经介绍过，Apps文件夹下的文件是基于 Source 目录下的源码直接创建出来的现成的页面程序。所以，可以直接使用Apps里的示例进行ceisum源码调试。例如，CesiumViewer示例，Apps\CesiumViewer\index.html为入口文件，运行结果如下图所示。
配置Cesium编译环境
weixin_34049032的博客
09-04 220
1、安装node.js https://nodejs.org/en/ 2、配置node.js 在node.js安装目录下新建node_global、node_cache两个文件夹，并把node_global添加到环境变量 eg.D:\app\nodejs npm config set prefix D:\app\nodejs\node_global npm config set c...
准备先敲一遍cesium源码
coder
12-21 494
由于cesium的例子中，关于shader只有后处理，对基本的单个模型和fbo都没有涉及。而目前公司没人去研究cesium源码，没办法，只能进行下去，否则，没法玩了，FBO什么的都加不上了。 ...
cesium中源码修改调试
04-26
<think>好的，我现在需要回答用户关于如何在Cesium中进行源码修改与调试的问题。根据用户提供的三个引用内容，我需要综合这些信息并生成一个结构清晰的步骤指南，同时确保遵循系统级指令，比如正确使用LaTeX格式和生成相关问题。 首先，我需要回顾用户提供的引用内容： 引用1提到使用npm link来链接本地的Cesium引擎包，这样修改源码后可以立即生效，而不用依赖node_modules中的版本。这应该是一个关键步骤。 引用2讨论了在无法联网的情况下使用本地底图的方法，可能需要修改imageryProvider和terrainProvider的配置，去掉默认的AccessToken。这部分可能和调试环境配置相关，尤其是在离线环境下如何配置Cesium。 引用3则涉及Unity中使用Cesium Native源码调试，提到了通过修改和重新编译DLL文件，以及使用VS Code或VS进行C++调试。这可能适用于需要深入修改Cesium Native的情况，但用户的问题可能主要集中在JavaScript版本的Cesium调试，不过可能需要涵盖不同场景。 接下来，我需要整理步骤： 1. 源码获取：用户需要克隆Cesium的Git仓库，并安装依赖。这一步是基础，确保用户有最新的源码。 2. 本地链接：根据引用1，使用npm link将本地引擎包链接到项目，这样修改引擎代码后可以直接生效，无需重新安装。这里需要详细说明npm link的使用步骤，包括进入engine目录执行npm link，然后在项目根目录链接。 3. 配置调试环境：这部分可能需要结合引用2的内容，比如设置本地底图，尤其是在离线情况下。需要指导用户如何修改Viewer的配置，替换为本地服务，并处理AccessToken的问题。 4. 实时编译：Cesium使用gulp进行构建，用户需要运行gulp命令来监视文件变化并自动编译。这确保修改后的代码能够被正确编译和加载。 5. 调试工具：使用浏览器的开发者工具进行断点调试，或者结合VS Code进行调试。可能需要说明如何配置source map以便于调试未压缩的代码。 6. 单元测试：建议用户运行单元测试来验证修改是否影响现有功能，确保代码质量。 7. 高级调试（如C++部分）：根据引用3，如果用户需要修改Cesium Native的C++部分，可能需要配置VS Code或Visual Studio进行调试，但这可能属于较高级的内容，可以作为可选步骤提及。 在整理过程中，需要注意引用对应的部分，比如在本地链接步骤引用[^1]，在配置离线环境时引用[^2]，在涉及C++调试时引用[^3]。 同时，生成的相关问题需要围绕Cesium源码调试的不同方面，比如离线环境配置、性能优化、调试工具比较等。 最后，确保回答符合格式要求，使用中文，正确应用LaTeX格式（虽然可能在此问题中用到的数学公式较少，但如果有的话需要正确使用），并生成相关问题。</think>### Cesium源码修改与调试步骤 #### 一、源码环境准备 1. **克隆仓库并安装依赖** ```bash git clone https://github.com/CesiumGS/cesium.git cd cesium npm install ``` 此步骤会安装所有编译依赖项[^1]。 2. **建立本地符号链接** 通过`npm link`将本地引擎包关联至项目，避免直接修改`node_modules`中的代码（不可控）： ```bash cd packages/engine # 进入引擎源码目录 npm link # 创建本地软链接 cd ../../ # 返回项目根目录 npm link @cesium/engine # 关联本地引擎包 ``` 修改`packages/engine`内的文件会直接生效。 --- #### 二、调试环境配置 1. **实时编译与监听** 运行以下命令启动实时文件监听和编译： ```bash npm run build -- --watch ``` 修改源码后会自动生成新的`Cesium.js`文件。 2. **浏览器调试配置** - 在HTML中引入未压缩的调试版本： ```html <script src="../cesium/Source/Cesium.js"></script> ``` - 使用浏览器开发者工具（F12）直接设置断点，支持**Source Map映射**至原始文件。 3. **离线环境特殊配置** 若需离线调试地图服务，需替换默认的底图下载逻辑[^2]： ```javascript new Cesium.Viewer('mapContainer', { imageryProvider: new Cesium.TileMapServiceImageryProvider({ url: 'http://localhost/map', // 本地瓦片服务地址 fileExtension: 'png' }), terrainProvider: new Cesium.CesiumTerrainProvider({ url: 'http://localhost/terrain' // 本地地形服务 }) }); ``` 需移除`Cesium.Ion.defaultAccessToken`以禁用在线服务。 --- #### 三、高级调试场景 1. **C++ Native模块调试** 若涉及Cesium Native（如Unity插件），需编译调试版本的DLL： - 使用Visual Studio打开`CMake`生成的工程 - 配置调试器附加至Unity进程 - 修改C++源码后重新生成DLL并替换[^3] 2. **单元测试验证** 运行测试套件确保修改未破坏核心功能： ```bash npm run test -- --webgl-stub ``` --- #### 四、调试技巧 | 场景 | 工具组合 | 关键配置 | |-----------------------|---------------------------|------------------------------| | JavaScript逻辑调试 | Chrome DevTools + Source Map | 启用`preserveModules`编译选项 | | 渲染性能分析 | Cesium Inspector + Performance面板 | 监控`primitive`绘制耗时 | | 内存泄漏检测 | Chrome Memory Profiler | 强制垃圾回收后生成堆快照 | ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柳晓黑胡椒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值