Cesium 加载Primitive数据

最新推荐文章于 2024-07-23 07:00:00 发布
最新推荐文章于 2024-07-23 07:00:00 发布
阅读量822 收藏
点赞数
分类专栏： Cesium GIS可视化 文章标签： javascript Cesium
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seelingzheng/article/details/128878048
版权
GIS可视化 同时被 2 个专栏收录
83 篇文章 0 订阅 ¥299.90 ¥399.90
订阅专栏 超级会员免费看
Cesium
72 篇文章 14 订阅 ¥159.90 ¥299.90
订阅专栏
本文深入探讨了Cesium中的Primitive，包括其组成部分：几何形状（Geometry）和外观（Appearance）。讲解了Geometry如何定义结构，Appearance如何定义着色及渲染状态。文章提到了合并GeometryInstances以提升性能，以及如何实现几何图形的选择和更新。同时阐述了使用Geometry和Appearance的优势与劣势，强调了两者兼容性的重要性。
摘要由CSDN通过智能技术生成

前面介绍了entity方式绘制对象，现在我们开始接触primitive方式，primitive方式更接近渲染引擎底层。

Primitive 由两个部分

（1）几何形状（Geometry）：定义了Primitive的结构，例如三角形、线条、点等（2）外观（Appearance ）：定义Primitive的着色（Sharding），包括GLSL（OpenGL着色语言，OpenGL ShadingLanguage）顶点着色器和片段着色器（ vertex and fragment shaders），以及渲染状态（render state）Cesium支持以下几何图形：


了解本专栏 订阅专栏 解锁全文 超级会员免费看
seelingzheng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Cesium获取模型(Primitive)的位置与方向
细雨纷飞~~~
07-30 5388
1.获取位置(primitive) //modelMatrix为Primitive添加模型时的modelMatrix Cesium.Matrix4.getTranslation( modelMatrix, new Cesium.Cartesian3() ); 2.获取方向(primitive) //modelMatrix为Primitive添加模型的modelMatrix var m1 = Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Mat
cesium采用primitive方式加载geojson数据
一见终秦的博客
06-16 7230
cesium采用primitive方式加载geojson数据 cesium加载geojson数据有自带的接口GeoJsonDataSource和演示示例，使用的是entity方式来加载数据，而entity封装的是primitive，所以想用原生的primitive方式来加载geojson数据试试。使用的数据是全球国家区划的json，在这里分别给出两种方式的代码和效果。 自带接口GeoJsonDataSource（entity方式） 主要代码 var geojsonOptions = { clam
23万条数据！Cesium高性能实现区域高亮凸起
最新发布
前端、nodejs、3D、GIS、人工智能
07-23 774
在智慧城市的产品设计过程中，产品经常会提一个要求，将不同的区按照其边界进行划分，每个区块通过使用不同的颜色进行高亮凸起的一个3D效果。这种效果通常也适用于四色安全图或四色交通图。但是有一个问题，这种效果通常涉及到大批量的json数据，如果你用Entity去加载渲染的话，在数据体量足够大的情况下，性能应该不是很理想。所以，今天我们就来聊下Cesium中如何实现3D立体面，并提高其渲染性能。
CESIUM例子学习（九）——Primitive(1)
luoyun620的博客
07-17 3728
在学习Primitive前，首先感谢GISEarth大神的https://blog.csdn.net/happyduoduo1/article/details/51868042这篇博文。下面的Cesium支持的几何图形，是直接从他的博文中截图的，再次感谢。 cesium加载数据方式多种多样，一般用entity、dataSources和Primitive。其中entity是最高级的，基本上是统一的使用样式，比较容易上手。之前学习过程中都是用entity，今天学习一下Primitive加载。 在看CESIU
cesium之primitive
m__yue的博客
02-23 1113
geometryInstances定义了要渲染的几何实例。其中，geometry定义实例的形状，cesium提供了多种基本形状，如box、ellipsoid、circle、cylinder等，可以在官网API中查看；appearance用来定义primitive的样式，其中，有material、closed、translucent等。
VUE3-Cesium（Primitive详解）
damadashen的博客
06-15 5328
Cesium中primitive的详解，着色器材质的设置，使用着色器设置片元材质，通过片段着色器设置盒子材质
cesium如何修改primitives
weixin_35749440的博客
12-31 1261
cesium是一个用于构建三维地理空间可视化应用的开源引擎。在cesium中，primitives是一种可以在地图上渲染的基本图形，包括点、线、多边形和三角形等。 要修改primitives，首先需要获取primitives的引用。在cesium中，有多种方法可以获取primitives的引用，如： 使用viewer.entities.add方法添加primitives，该方法会返回primit...
Cesium撒点封装(Primitive).zip
09-19
"Cesium撒点封装(Primitive)"是一个项目，它展示了如何利用Cesium的底层功能来实现高效的点云渲染，这对于地理信息系统（GIS）和大数据可视化非常有用。在本项目中，开发者已经对Cesium的`Primitive`类型进行了封装...
Cesium 问题：加载 geojson 数据量大浏览器会崩，使用primitive方式加载
虎康的博客
09-26 1328
之前加载geojson数据都是使用dataSource和entity的方式，但是当数据量大时，浏览器就会崩掉：提示浏览器内存不足，已暂停渲染。使用primitive方式加载数据，可以提高加载渲染效率。
CesiumJS【Basic】- #013添加点线面（Primitive方式）
AlanL的专栏
06-25 123
添加点线面（Primitive方式）
Cesium 更新primitive矩阵，使primitive移动和旋转，不用每次删除再创建
qq_16879315的博客
08-22 2282
Cesium 更新primitive矩阵，使primitive移动和旋转，不用每次删除再创建
09 vue+cesium实战primitive查询和定位
挣钱花388的博客
11-25 1288
vue+cesium实战primitive查询和定位
cesium 使用entity跟踪 primitive
qq_64803883的博客
11-03 835
【代码】cesium 使用entity跟踪 primitive。
【Cesium入门教程】第四课：Cesium 图元(Primitive)与高级特性
GIS前端嘉欣的博客
04-28 2476
geometryInstances属性接受一个Cesium.GeometryInstance对象，这个对象包含几何体的具体信息。geometry属性是一个Cesium.EllipseGeometry对象，它定义了一个椭圆的几何形状。center属性定义了椭圆的中心点，这里使用Cesium.Cartesian3.fromDegrees方法，接受经度和纬度，创建了一个三维笛卡尔坐标点。semiMinorAxis属性定义了椭圆的半短轴长度，数值为500,000.0。
Cesium中图元Primitive详细介绍及案例
纸飞机的旅行的博客
03-07 4000
Cesium中图元Primitive详细介绍及案例
cesium 绘制primitive流程（二）更新primitive
weixin_38398641的博客
10-08 5576
我们从下面图片去观察cesium是怎样触发primitive更新的 1，初始化cesium场景时候会默认执行CesiumWidget类里面的startRenderLoop方法，该方法的作用是 ![image](https://upload-images.jianshu.io/upload_images/17220164-2c366ce3f51a525e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 调用浏览器requestAnimati
cesium缩放至模型处 primitive方式加载的模型
A873054267的博客
01-09 4915
var tileset = this.viewer.scene.primitives.add(new window.Cesium.Cesium3DTileset({ url: 'http://localhost:3000/tileset.json', })); // this.$http.get('http://localhost:3000/tileset.json').then(fu...
cesium 使用entities、primitives添加的模型并且改变模型颜色
weixin_43822237的博客
08-23 5561
cesium 使用entities、primitives添加的模型并且改变模型颜色
cesium 用Primitive加载大量面数据
05-24
Cesium的Primitive可以用来加载大量面数据。下面是一个简单的代码示例，可以加载一个包含许多面的GeoJSON文件： ```javascript var promise = Cesium.GeoJsonDataSource.load('data/yourfile.geojson'); promise.then(function(dataSource) { viewer.dataSources.add(dataSource); var entities = dataSource.entities.values; for (var i = 0; i < entities.length; i++) { var entity = entities[i]; if (entity.polygon != undefined) { entity.polygon.material = Cesium.Color.RED.withAlpha(0.5); entity.polygon.outline = true; entity.polygon.outlineColor = Cesium.Color.BLACK; entity.polygon.outlineWidth = 2; } } }).otherwise(function(error){ window.alert(error); }); ``` 这个代码片段使用`Cesium.GeoJsonDataSource.load`函数加载一个指定的GeoJSON文件，并将结果添加到Cesium的viewer中。它还遍历每个实体，检查其是否包含多边形，并对多边形进行一些简单的设置，例如设置材料、轮廓等。 请注意，加载大量图形数据时，必须考虑性能问题。如果需要处理非常大的数据集，请考虑使用web worker或其他技术来优化性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

seelingzheng

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

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

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

打赏作者

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

抵扣说明：

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

余额充值