IT评测·应用市场-qidao123.com技术社区

标题: Cesium 入门系列教程（五）：利用Primitive生成图形（暂9个示例） [打印本页]

---

作者: 没腿的鸟    时间: 2025-4-13 14:20
标题: Cesium 入门系列教程（五）：利用Primitive生成图形（暂9个示例）
照旧大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空帆海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交换。
  
  
在Cesium中，Primitive 是一种高效渲染大量多少图形的方法。它们被设计用于处理大量的多少数据，并且可以在保持高性能的同时提供对这些数据的细粒度控制。使用 Primitive 可以直接操作底层图形API，因此对于性能要求较高的应用来说好坏常理想的。
一，根本步调指南

1. 创建Geometry

你需要定义想要绘制的多少形状。Cesium提供了多种类型的多少体，比如 RectangleGeometry, BoxGeometry, CircleGeometry 等等。这里以一个简朴的矩形为例：

1. const rectangleInstance = new Cesium.GeometryInstance({
2.     geometry: new Cesium.RectangleGeometry({
3.         rectangle: Cesium.Rectangle.fromDegrees(-100, 30, -90, 40),
4.     }),
5. });

复制代码

2. 添加Primitive到Scene

接下来，你可以通过 Primitive 对象将多少体添加参加景中。你可以设置颜色、表面等属性：

1. const primitive = new Cesium.Primitive({
2.     geometryInstances: rectangleInstance,
3.     appearance: new Cesium.PerInstanceColorAppearance({
4.         flat: true,
5.         translucent: false,
6.     }),
7. });
9. viewer.scene.primitives.add(primitive);

复制代码

在这个例子中，我们创建了一个 Primitive，它包罗了一个 GeometryInstance，然后把这个 Primitive 添加到了 viewer.scene.primitives 集合中。
二，Cesium 使用Primitive生成图形示例（含源代码）

01.vue+cesium：绘制4个差别颜色差别位置的点

https://dajianshi.blog.csdn.net/article/details/145014971

02.vue+cesium：利用Primitive绘制2000+差别颜色矩形

https://dajianshi.blog.csdn.net/article/details/145014439

03.vue+cesium：动态的水面3D特效

https://dajianshi.blog.csdn.net/article/details/145595889

04.vue+cesium：动态的墙面灯光3D特效

https://dajianshi.blog.csdn.net/article/details/145597868

05.vue+cesium：动态雷达扫描特效

https://dajianshi.blog.csdn.net/article/details/145607280

06.vue+cesium： 卫星雷达波广播特效

https://dajianshi.blog.csdn.net/article/details/145608466

07.vue+cesium： 管线活动特效

https://dajianshi.blog.csdn.net/article/details/145610652

08.vue+cesium： 上升的垂直鱼尾线

https://dajianshi.blog.csdn.net/article/details/146044219

09.vue+cesium： 实现地图遮罩挖洞效果

https://dajianshi.blog.csdn.net/article/details/146041659

三、Cesium 入门教程 -系列文章列表

• Cesium 入门教程（一）：应该怎样学习Cesium
  
• Cesium 入门教程（二）：界面的基础设置
  
• Cesium 入门教程（三）：加载差别的地图底图
  
• Cesium 入门教程（四）：利用entity显示图形
  
• Cesium 入门教程（五）：利用Primitive生成图形
  
• Cesium 入门教程（六）：差别的材质设置
  
• Cesium 入门教程（七）：加载、导出2D文件数据
  
• Cesium 入门教程（八）：加载3D瓦片及模型
  
• Cesium 入门教程（九）：通过鼠标绘制图形
  
• Cesium 入门教程（十）：利用shader、后处理重构图形
  
• Cesium 入门教程（十一）：camera相机功能展示
  
• Cesium 入门教程（十二）：时间动画实例
  
• Cesium 入门教程（十三）：粒子体系实例
  
• Cesium 入门教程（十四）：鼠标键盘交互
  
• Cesium 入门教程（十五）：插件与扩展
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 IT评测·应用市场-qidao123.com技术社区 (https://dis.qidao123.com/)

Powered by Discuz! X3.4