Cesium中文教程-3D模型(3D Models)

最新推荐文章于 2024-07-02 17:17:01 发布
最新推荐文章于 2024-07-02 17:17:01 发布
阅读量4.8k 收藏 14
点赞数 1
分类专栏： Cesium中文教程 文章标签： Cesium中文教程 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/newston/article/details/117870258
版权
本文档详细介绍了如何在Cesium中加载和使用3D模型，包括快速入门、动画操作、模型选择、COLLADA到glTF的转换以及故障排查。通过实例展示了如何加载地面车辆模型，并播放内置动画，同时提供了Mac和Windows平台的故障解决建议。
摘要由CSDN通过智能技术生成

目录

 3D模型(3D Models)

(1)快速入门(Quick start)

(2)动画(Animations)

(3)各取所需(Picking)

(4)转化COLLADA为glTF(Converting COLLADA to glTF)

(5)故障排除(Troubleshooting)

I Troubleshooting on Mac

II Troubleshooting on Windows

 (6)资源(Resources)

3D模型(3D Models)

本章将介绍如何通过cesium原始API对3D Models进行转化、加载和使用。如果是刚开始学习Cesium，可以先跳到空间数据可视化章节

Cesium支持使用glTF的关键帧动画、皮肤和人体节点挑选，glTF是一种由科纳斯组织（WebGL与COLLADA的联合）新兴起来的工业级web 3D模型格式

(1)快速入门(Quick start)

Cesium可以使用一些现有的二进制glTF模型：

①螺旋桨转动的飞机；

②轮子转动的地面车辆；

③循环走步的人；

④热气球；

⑤一辆牛奶卡车（包括Draco-compressed牛奶卡车）。

这些模型都有各自的存放目录Apps/SampleData/models。大多数有原始的COLLADA文件（.dae），glTF文件（.gltf）或者二进制的glTF文件（.glb）。Cesium apps中原始的COLLADA文件不需要使用。

开始code代码加载这些模型，首先在沙堡（Sandcastle）中打开Hello World样例。在var viewer = ... 下面增加scene变量。

var scene = viewer.scene;  

然后，通过Cesium.Model.fromGltf来加载地面车辆模型，代码如下：


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  ND_DoYouService
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    14
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
3d查看器无法加载三维模型_Cesium中级教程6 – 3D Models 三维模型

				
			

			

				

					weixin_39955925的博客
				

				

					11-27
					
					3123
					
				

			

		

		

			
				
Cesium中文网：http://cesiumcn.org/ | 国内快速访问：http://cesium.coinidea.com/3D Models 三维模型本教程将教您如何通过Primitive API转换、加载和使用Cesium中的三维模型。如果你是Cesium的新用户，可能需要阅读三维模型部分的(空间数据可视化教程)[https://cesium.com/docs/tutorials/c...

			
		

	



                

              
                



	

		

			

				
					
Cesium三维模型

				
			

			

				

					【cacrle】的博客
				

				

					01-26
					
					2117
					
				

			

		

		

			
				
现有的gis开发方向较流行的是webgis开发，其中Cesium是一款开源的WebGIS库，主要用于实时地球和空间数据的可视化和分析。它提供了丰富的地图显示和数据可视化功能，并能实现三维可视化开发。Cesium作为三维GIS框架，其最大的优势就是支持各种格式的三维模型数据，包括倾斜摄影三维模型、BIM三维模型、glb三维模型等，并且用户可以使用关键帧动画等动态地模拟三维场景。本文将介绍Cesium中常用的三维模型操作并举例说明。  

			
		

	



                


  
              

                


	

		

			

				
					
cesium学习

					
最新发布

				
			

			

				

					qq_45660256的博客
				

				

					07-02
					
					905
					
				

			

		

		

			
				
Cesium 学习笔记

			
		

	





	

		

			

				
					
【Cesium学习（六）】Cesium加载3D模型（3D tiles和glTF模型）

				
			

			

				

					HAI_GUI的博客
				

				

					08-17
					
					7843
					
				

			

		

		

			
				
3DTiles数据集是cesium小组AnalyticlGraphics与2016年3月定义的一种数据集, 3DTiles数据集以分块、分级渲染，将大数据量三维数据以分块，分层的形式组织起来，可以大量减轻浏览器和GPU的负担是一个优秀的,并且格式公开的数据格式。3D Tiles将用于流式传输3D内容,包括建筑物,树木,点云和矢量数据。

			
		

	



		

			
		



	

		

			

				
					
cesium 加载3D建筑模型（3D tiles）

				
			

			

				

					weixin_40451732的博客
				

				

					05-31
					
					2962
					
				

			

		

		

			
				
上面的模型都是cesium自带的，如果是自己的模型，怎么加载呢？有两种方式：通过方式[官网地址](上传到cesiumion自己的资源中，会生成一个id，然后用前面的方法学习视频参考文章。

			
		

	





	

		

			

				
					
Cesium 单独加载3D模型

				
			

			

				

					07-17
				

			

		

		

			
				
基于ceisum加载单独三维模型（不含地球），含动画，720度视角查看.目前Cesium框架只支持gltf格式3D模型

			
		

	





	

		

			

				
					
Cesium中级教程6 - 3D Models 三维模型

				
			

			

				

					Cesium中文网的博客
				

				

					05-23
					
					1337
					
				

			

		

		

			
				
Cesium中文网：http://cesiumcn.org/ | 国内快速访问：http://cesium.coinidea.com/
3D Models 三维模型
本教程将教您如何通过Primitive API转换、加载和使用Cesium中的三维模型。如果你是Cesium的新用户，可能需要阅读三维模型部分的(空间数据可视化教程)[https://cesium.com/docs/tutorials...

			
		

	





	

		

			

				
					
Cesium中文教程－Cesium Workshop（三）

				
			

			

				

					newston的博客
				

				

					06-04
					
					2020
					
				

			

		

		

			
				
(8)加载和设计实体(Loading and Styling Entities)

既然我们已经使用视图配置、影像和地形，这已经为应用程序做好了准备，那么我们可以添加应用程序的主焦点--样例geocache数据（藏宝点数据）。

为了简单可视化，Cesium支持流行的矢量格式数据GeoJson和KML，还有我们特地为描述Cesium中场景所开发的开源数据格式CZML。

无论初始化格式如何，Cesium中所有空间数据都使用实体API表示（the Entity API）。实体API提供了一种灵活可视化格式，这

			
		

	





	

		

			

				
					
Cesium中文教程V1.0.pdf

				
			

			

				

					06-18
				

			

		

		

			
				
最后一部分是“3D模型(3D Models)”，将讲解如何在CesiumJS中使用3D模型，从而为地理信息系统增加更为丰富和详细的视觉表达。  在教程的末尾，作者提供了学习的下一步工作(Next Steps)，包括开发资源(Development ...

			
		

	





	

		

			

				
					
Cesium三维模型（电塔）glb格式，亲测可用

				
			

			

				

					12-14
				

			

		

		

			
				
glb文件，供学习使用。原型来源网络，亲测可用！！！！！！！！！

			
		

	





	

		

			

				
					
Cesium地图中加载的建筑模型3D model 模型 gltf格式建筑模型

				
			

			

				

					04-24
				

			

		

		

			
				
从谷歌地球下载的深圳市福田区的几个建筑模型， 自行转换为gltf格式了。 直接在cesium代码中就能加载调用。。。一共6个模型， 深圳图书馆， 深圳市民中心 深圳音乐厅 深圳证券交易所  。。。

			
		

	





	

		

			

				
					
Cesium模型、深圳市建筑模型-gltf模型-深圳市建筑模型，已经转换成gltf格式，直接可以在cesium地图中使用。

				
			

			

				

					05-08
				

			

		

		

			
				
这个是从谷歌地球下载下来的深圳全部的建筑模型，已经逐个转换成了gltf格式。并且逐个手动调整了实际位置，获取到经纬度。

上传附件为 百度云盘下载地址和提取密码。请大家放心下载。

			
		

	





	

		

			

				
					
Cesium中导入三维模型方法（dae到glft_bgltf） - l491453302的专栏 - CSDN博客1

				
			

			

				

					08-03
				

			

		

		

			
				
摘要视图订阅标签： cesium gltf webgl分类：目录(?图灵赠书——程序员11月书单 【思考】Python这么厉害的原因竟然是！感恩节赠书：《深度学

			
		

	





	

		

			

				
					
Cesium三维模型转换工具（dae转gltf1.0）

				
			

			

				

					12-29
				

			

		

		

			
				
支持的是cesium1.16及以后版本使用的gltf1.0；完成dae转换为gltf；具体方法参考博客：http://blog.csdn.net/l491453302/article/details/46766909

			
		

	





	

		

			

				
					
基于Cesium的实景三维模型动态更新-以3Dtiles为例（一）

				
			

			

				

					lwx2233的博客
				

				

					02-07
					
					3413
					
				

			

		

		

			
				
实景三维动态更新

			
		

	





	

		

			

				
					
3D Models (3D 模型)

				
			

			

				

					Gjw_java的博客
				

				

					08-16
					
					2533
					
				

			

		

		

			
				
本教程将教您如何通过 Primitive API 在 Cesium 中转换，加载和使用3D模型。 如果您不熟悉 Cesium，则可能需要查看 Visualizing Spatial Data 教程的 3D Models 部分。

			
		

	





	

		

			

				
					
Cesium3D模型（一）：创建3D模型

				
			

			

				

					--柴犬馒头--的博客
				

				

					06-14
					
					1273
					
				

			

		

		

			
				
// 将经纬度坐标转换为三维空间坐标
	var position = Cesium.Cartesian3.fromDegrees(109.740, 19.997, 0.0);
	// 实际创建实体
	var entity = viewer.entities.add({
		//模型所在位置
		position: position,
		//加载铯平面模型以表示实体
		model: {
...

			
		

	





	

		

			

				
					
cesium 加载3d模型

				
			

			

				

					10-14
				

			

		

		

			
				
要在 Cesium 中加载 3D 模型，可以使用 Cesium 的模型加载器 `Cesium.Model`。具体步骤如下：

1. 创建一个 `Cesium.Viewer` 对象。
2. 使用 `Cesium.Model.fromGltf` 方法加载 glTF 格式的模型文件。
3. 将加载后的模型添加到场景中。

示例代码如下：

```javascript
var viewer = new Cesium.Viewer('cesiumContainer');

var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
    Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
var model = Cesium.Model.fromGltf({
    url : './models/CesiumAir/Cesium_Air.glb',
    modelMatrix : modelMatrix,
    scale : 200.0
});
viewer.scene.primitives.add(model);
```

其中，`url` 参数指定模型文件的路径，`modelMatrix` 参数指定模型的位置和方向，`scale` 参数指定模型的缩放比例。



			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值