Cesium-（Primitive）-（BoxGeometry）

最新推荐文章于 2024-12-11 21:23:33 发布

纸飞机的旅行

最新推荐文章于 2024-12-11 21:23:33 发布

阅读量117

点赞数

分类专栏： Cesium基础文章标签： WebGIS GIS vue.js

本文为博主原创文章，未经博主允许不得转载

本文链接：https://blog.youkuaiyun.com/weixin_44857463/article/details/144410546

版权

Cesium基础专栏收录该内容

32 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

含实现代码

GISer世界
效果:

以下是 BoxGeometry 类的构造函数属性，以表格形式展示：

属性名	类型	默认值	描述
minimum	Cartesian3		盒子的最小 x, y, 和 z 坐标。
maximum	Cartesian3		盒子的最大 x, y, 和 z 坐标。
vertexFormat	VertexFormat	`VertexFormat.DEFAULT`	要计算的顶点属性。

以下是 BoxGeometry 类的静态方法和属性

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

纸飞机的旅行

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

Cesium 实战 25 - Primitive 创建一个每面（六个面）不同颜色的立方体（BOX）

非科班Java出身GISer的博客

02-18

797

Cesium 实战 - Primitive 创建一个六个面不同颜色的立方体（BOX）。

Cesium 实战 25 - Primitive 创建一个六个面随意不同颜色的立方体（BOX），可以随意设置颜色

非科班Java出身GISer的博客

04-01

635

Cesium 实战 - Primitive 创建一个六个面随意不同颜色的立方体（BOX），可以随意设置颜色。

参与评论您还未登录，请先登录后发表或查看评论

cesium学习记录Primitive——BoxGeometry立方体图形

fengnian18的博客

12-05

742

cesium学习记录，通过Primitive下面的图元直接添加，记录极简示例

CESIUM例子学习（九）——Primitive(1)

luoyun620的博客

07-17

3985

在学习Primitive前，首先感谢GISEarth大神的https://blog.csdn.net/happyduoduo1/article/details/51868042这篇博文。下面的Cesium支持的几何图形，是直接从他的博文中截图的，再次感谢。 cesium加载数据方式多种多样，一般用entity、dataSources和Primitive。其中entity是最高级的，基本上是统一的使用样式，比较容易上手。之前学习过程中都是用entity，今天学习一下Primitive加载。在看CESIU

Cesium中的BoxGeometry渲染流程，及模型本地坐标

yue1241630499的博客

02-05

5645

通过BoxGeometry探索Cesium中的坐标变换 Cesium中有两种对象可以添加到场景中，Entity、Primitive。Entity对用户更友好，方便使用，但是灵活性和性能差一些。Primitive，支持自定义几何形状和几何对象的材质，可以实现更复杂的效果。添加Primitive 为了减少需要阅读的代码量，方便调试，将primitive的asynchronous,translucent设置为false，即同步方式加载Box,几何材质为不透明。 viewer.scene.primitives.a

开源三维GIS之Cesium创建盒几何对象(二)

yGIS

08-18

3475

类似于睿城传奇stampGIS的几何对象，Cesium也提供多种几何对象，开发人员可以根据自己的需要创建。今天我们来学习一下Cesium创建BoxGeomtry。Cesium提供多种方法来创建BoxGemotry。（1）使用使用默认的方法来来创建盒几何对象。需要提供在三维中最小点和最大点。具体如下图所示，假设在0-XYZ坐标系中，确定最大点和最小点。即可。示例源代码如下： var ...

Cesium-（Primitive）-（BoxOutlineGeometry）

纸飞机的旅行的博客

12-11

158

含详细解释的实现代码。

Cesium进阶学习一、Primitive

程迷学习的博客

10-08

1817

Cesium进阶学习Primitive

Cesium基础-（Primitive）-（Primitive 与 Entity 区别）

纸飞机的旅行的博客

12-09

1168

Entity和Primitive在Cesium中都有各自的应用场景。选择哪个取决于项目的具体需求。

Cesium学习：geometry使用方法

weixin_45578877的博客

04-11

2356

利用cesium的geometry和shader绘制自定义几何图形

Cesium 创建 BoxGometry 使用不同的外观

qq_21476953的博客

03-15

471

Cesium 创建 BoxGometry 使用不同的外观

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

GIS肆月

09-10

1224

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

Cesium中图元Primitive详细介绍及案例

纸飞机的旅行的博客

03-07

4344

Cesium中图元Primitive详细介绍及案例

cesium设置BoxGeometry的方向

weixin_35756624的博客

12-31

406

Cesium是一款用于建立基于浏览器的三维地理信息可视化应用的开源引擎。使用BoxGeometry可以在Cesium中创建立方体。要在Cesium中设置BoxGeometry的方向，您可以使用它的"orientation"属性。该属性是一个Quaternion对象，表示立方体的旋转。您可以使用Cesium的Quaternion.fromAxisAngle函数来创建一个Quaternion对象，该...

Cesium-Primitive图元的讲解

qq_37312180的博客

04-09

1577

可以自定义几何体Geometry ,覆盖自定义材质Appearance。

CESIUM例子学习（八）——Geometry and Appearances（1）

luoyun620的博客

07-15

4055

这一节是关于在cesium地球上绘制各种要素的，包括矩形、多边形、圆、椭圆、柱体、锥体、盒子和球体。个人觉得这个内容应该放在第一节先学，因为cesium很多东西都是以绘制为基础。一、Rectangle（矩形） 1、加载Rectangle Rectangle就是通过传入的两个点，在地球上绘制一个矩形。本来一个矩形应该需要四个点，但函数只需要两个点，如下图API：解释得明白，也就是传入矩形的左下角和右上角。如果传成了左上角和右下角，会得报如下错误：正确代码如下： function a

Cesium快速上手6-Primitive图元的讲解

是微风，是晚霞，是无可替代

08-13

609

代码】Cesium快速上手6-Primitive图元的讲解。

Cesium从入门到放弃9：近景天空盒（不改源码）

不去想结果，一直在路上

04-07

6001

先上效果图 Cesium近景默认的天空盒只有相机距离较远时才能看到，在很多小场景下（比如智慧城市等）默认的天空盒可能无法满足用户的需求，所以近景天空盒的需要就诞生了，如果想要不改源码实现Cesium近景天空盒就需要重写SkyBox类，下面贴出全部代码。 //以下代码复制自Cesium源码的SkyBox，然后做了一点点修改。 //SkyBoxOnGround.js (function () { ...

Cesium之Primitive相关探索

最新发布

03-15

在 Cesium 中，`PrimitiveCollection` 提供了一个方法用于移除特定的 `primitive` 对象。如果要通过 ID 删除某个 `primitive`，则需要先找到对应的对象实例再执行删除操作。以下是实现此功能的具体方式： ### 使用 `remove` 方法删除指定 Primitive Cesium 的 `PrimitiveCollection.remove(primitive)` 方法可以用来从集合中移除一个具体的 `primitive` 实例[^1]。由于该方法接受的是对象而非字符串形式的 ID，因此需要手动维护一个映射关系来关联 ID 和实际的对象。 #### 示例代码以下是一个完整的示例，展示如何基于自定义 ID 移除相应的 `primitive`： ```javascript // 创建一个存储 primitives 映射表的对象 const primitiveIdMap = {}; function addPrimitiveById(collection, id, geometryInstance) { const newPrimitive = new Cesium.Primitive({ geometryInstances: geometryInstance, appearance: new Cesium.PerInstanceColorAppearance() }); collection.add(newPrimitive); // 将新创建的 primitive 添加到集合中 // 维护 ID 到 primitive 的映射 primitiveIdMap[id] = newPrimitive; } function removePrimitiveById(collection, id) { const targetPrimitive = primitiveIdMap[id]; // 查找对应 ID 的 primitive if (targetPrimitive && collection.contains(targetPrimitive)) { // 验证目标是否存在并属于当前集合 collection.remove(targetPrimitive); delete primitiveIdMap[id]; // 清理映射记录 } } // 测试用法 const viewer = new Cesium.Viewer('cesiumContainer'); const collection = viewer.scene.primitives; addPrimitiveById( collection, 'test-id', new Cesium.GeometryInstance({ geometry: new Cesium.BoxGeometry({ vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX_FORMAT, minimumCorner: Cesium.Cartesian3.fromDegrees(-75.0, 40.0, 0), maximumCorner: Cesium.Cartesian3.fromDegrees(-70.0, 45.0, 0) }), attributes: { color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.RED) } }) ); setTimeout(() => { removePrimitiveById(collection, 'test-id'); // 基于 ID 删除 primitive }, 5000); ``` 上述代码展示了如何向 `PrimitiveCollection` 添加带有唯一标识符的 `primitives` 并随后依据这些标识符将其安全地移除[^2]。 ### 注意事项 - 如果尝试调用 `collection.remove()` 而传入参数并非其成员，则不会引发错误但也不会有任何效果。 - 用户需自行管理 IDs 及它们所指代的实际 objects；这一步骤对于支持按 ID 操作至关重要。