- 博客(22)
- 收藏
- 关注
RSS订阅
原创 Cesium功能集(三)：点、模型、倾斜摄影编辑器
1.支持点：XYZ轴，XY，XZ，YZ轴平移2.支持模型：XYZ轴，XY，XZ，YZ轴平移、放大缩小、旋转3.支持倾斜摄影：XYZ轴，XY，XZ，YZ轴平移、旋转2. 平面坐标轴材质 AxisPlaneGeometry.ts3. 公共配置 config.ts4.事件订阅 Event.ts5.坐标转换 LonLat.ts6.主文件 EditCesium.ts7.调用 index.tsxPS：一些其它参数传入可看主文件EditCesium.ts中的配置
2025-07-07 17:00:48
235
原创 Cesium功能集(一)：离屏渲染-使用自定义视角并实现室内查看
本文介绍了两个Cesium库的JavaScript实现：RenderToFbo和DebugCameraPrimitive。RenderToFbo类通过创建帧缓冲区(FBO)实现地图渲染到离屏画布，支持自定义相机视角和地图显示控制。DebugCameraPrimitive类用于创建调试相机，配置视角参数（如经纬度、高度、朝向等），并与RenderToFbo配合实现特殊视角渲染效果。两个类均通过Cesium的Scene和Camera API实现，适用于3D地理场景的可视化调试与定制化渲染需求。代码展示了如何初始
2025-07-07 16:58:16
69
原创 重读Cesium(九):Appearance相关介绍(二)顶点与片元着色器
上一篇我们介绍了 Appearance分类与构成，Material材质。这一篇我们来了解一下顶点着色器与片元着色器。
2024-09-13 18:05:56
1454
1
原创 重读Cesium(八): Appearance相关介绍(一)
前几篇文章中我们介绍了的相关内容，我们会发现在Primitive中是Primitive的重要组成部分。我们已经可以简单的使用Appearance来设置Primitive几何图形的外观。这篇文章，我们来详细的了解一下。
2024-09-10 17:19:56
1019
原创 重读Cesium(七):Primitive自定义几何并设置法线
我们可以看看上面四棱锥的构造，四棱锥一共由4个侧面，1个顶面构成。其中4个测面都是三角形，顶面为正方形（但是在图形渲染概念中没有正方形的概念），所以我们将正方形拆分成为2个三角形。所以我们得到的结果是 四棱锥 总共有 6个三角形。每个三角形有3个点，所以 四棱锥 一共有3*6 = 18 个顶点。虽然按照上述的分析一个四棱锥有18个顶点，但是你会发现这里面有很多顶点都是重复的，我们可以通过 **_ 索引的方式重建顶点 _ **的话，那么四棱锥就只会剩下 5 个顶点。
2024-09-10 12:40:14
3058
1
原创 重读Cesium(六):Primitive相关介绍(二)
在上一篇文章中，我们已经大致的了解了Primitive的构成，优缺点，分类和几何类型。这一节我们来详细得了解一下Primitive中的几何类型。
2024-09-10 12:32:48
1289
原创 重读Cesium(五):Primitive相关介绍(一)
在Cesium中，两个接口是用于绘制几何图形的重要接口，我们在平时开发中会经常调用。今天我们就来详细了解一下Primitive接口。PS：当然后续也会聊一聊这个接口。
2024-09-10 12:18:24
1074
原创 重读Cesium(四):热更新源码开发环境搭建
在public文件夹下新建一个文件名，（名为cesium_assets，当然可以自己命名，因为Vite+Vue的静态资源目录一般是public，所以这里放在public目录下，如果您是其他项目，根据自己的情况选择）我们希望的是在修改完Cesium源码后，也能立即看到效果，而不是先执行。由于我们拷贝出来的源码是根据每个模块模块单独写出，分成了很多文件，所以我们需要一个文件入口，即索引入口。至此，我们的热更新源码开发环境搭建完毕，我们可以进行测试一下，我们在源码Viewer类中修改一下代码进行测试。
2024-09-10 12:12:08
789
原创 重读Cesium(三):3DTileset多区域裁剪与挖空几种实现方式
近期遇到了一个需求，对3DTileset进行裁剪。一开始理解是绘制一个平面然后对平面进行移动切割模型。①第一版功能。
2024-09-10 12:04:27
955
原创 重读Cesium(一): Cesium源码打包流程
所以， npm run build并非真正的打包命令，实际打包命令是 npm run minifyRelease， npm run minify，Source文件夹下的这个Cesium.js文件，默认情况下是没有的，并不是源码文件，是运行npm run build命令构建出来的js文件。这个命令是Cesium自己写的一个http服务，不是打包命令，是启动web服务的命令，启动后可以访问cesium源码中Apps下的资源页面。index.js文件，这个文件是用来管理Cesium的示例目录的。
2024-09-10 11:31:12
1533
1
原创 Openlayers地图操作（一）实现简单的气泡弹窗
Openlayers地图初始化代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css"> <scr
2021-10-11 14:55:11
1962
原创 Openlayers（一） 地图初始化
Openlayers地图初始化代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css"> <scr
2021-05-20 23:04:07
1260
原创 初识Openlayers
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录`系列文章目录`一、Openlayers是什么？二、使用步骤1.引入库2.读入数据总结一、Openlayers是什么？ OpenLayers是一个用于开发WebGIS客户端的JavaScript包，最初基于BSD许可发行。 OpenLayers是一个开源的项目，其设计之意是为
2021-05-08 00:28:38
1695
Cesium修改源码增加多区域挖除功能补丁
2024-05-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人