自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 重读Cesium(九):Appearance相关介绍(二)顶点与片元着色器

上一篇我们介绍了 Appearance分类与构成,Material材质。这一篇我们来了解一下顶点着色器与片元着色器。

2024-09-13 18:05:56 1102

原创 重读Cesium(八): Appearance相关介绍(一)

前几篇文章中我们介绍了的相关内容,我们会发现在Primitive中是Primitive的重要组成部分。我们已经可以简单的使用Appearance来设置Primitive几何图形的外观。这篇文章,我们来详细的了解一下。

2024-09-10 17:19:56 595

原创 重读Cesium(七):Primitive自定义几何并设置法线

我们可以看看上面四棱锥的构造,四棱锥一共由4个侧面,1个顶面构成。其中4个测面都是三角形,顶面为正方形(但是在图形渲染概念中没有正方形的概念),所以我们将正方形拆分成为2个三角形。所以我们得到的结果是 四棱锥 总共有 6个三角形。每个三角形有3个点,所以 四棱锥 一共有3*6 = 18 个顶点。虽然按照上述的分析一个四棱锥有18个顶点,但是你会发现这里面有很多顶点都是重复的,我们可以通过 **_ 索引的方式重建顶点 _ **的话,那么四棱锥就只会剩下 5 个顶点。

2024-09-10 12:40:14 1532

原创 重读Cesium(六):Primitive相关介绍(二)

在上一篇文章中,我们已经大致的了解了Primitive的构成,优缺点,分类和几何类型。这一节我们来详细得了解一下Primitive中的几何类型。

2024-09-10 12:32:48 920

原创 重读Cesium(五):Primitive相关介绍(一)

在Cesium中,两个接口是用于绘制几何图形的重要接口,我们在平时开发中会经常调用。今天我们就来详细了解一下Primitive接口。PS:当然后续也会聊一聊这个接口。

2024-09-10 12:18:24 756

原创 重读Cesium(四):热更新源码开发环境搭建

在public文件夹下新建一个文件名,(名为cesium_assets,当然可以自己命名,因为Vite+Vue的静态资源目录一般是public,所以这里放在public目录下,如果您是其他项目,根据自己的情况选择)我们希望的是在修改完Cesium源码后,也能立即看到效果,而不是先执行。由于我们拷贝出来的源码是根据每个模块模块单独写出,分成了很多文件,所以我们需要一个文件入口,即索引入口。至此,我们的热更新源码开发环境搭建完毕,我们可以进行测试一下,我们在源码Viewer类中修改一下代码进行测试。

2024-09-10 12:12:08 674

原创 重读Cesium(三):3DTileset多区域裁剪与挖空几种实现方式

近期遇到了一个需求,对3DTileset进行裁剪。一开始理解是绘制一个平面然后对平面进行移动切割模型。①第一版功能。

2024-09-10 12:04:27 380

原创 重读Cesium(二):修改源码增加多区域挖空功能

该方法仅支持挖出凸多边形。想要挖凹多边形,需要把凹多边形分拆成多个凸多边形分别进行开挖。

2024-09-10 11:56:39 252

原创 重读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 645

原创 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 1641

原创 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 1093

原创 初识Openlayers

系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录`系列文章目录`一、Openlayers是什么?二、使用步骤1.引入库2.读入数据总结一、Openlayers是什么? OpenLayers是一个用于开发WebGIS客户端的JavaScript包,最初基于BSD许可发行。 OpenLayers是一个开源的项目,其设计之意是为

2021-05-08 00:28:38 1347

Cesium修改源码增加多区域挖除功能补丁

该方法仅支持挖出凸多边形。想要挖凹多边形,需要把凹多边形分拆成多个凸多边形分别进行开挖。此份代码是在cesium1.74基础上修改而来的,对于cesium1.100以后的版本需要将补丁里面的texture2D换成texture,shader语法原因。 请不要直接用补丁文件替换原来的文件,请按本文标明的行数替换官方版本的文件,以下是各个文件需要替换的行号,具体替换的位置请看https://mp.weixin.qq.com/s/8g5ndc9kqy7OXiwtGS4kVg

2024-05-11

cesiumTdt.js修改版本,适合最新版的Cesium 1.105.1

cesiumTdt.js修改版本,适合最新版的Cesium 1.105.1

2023-06-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除