免费咨询热线
13621929115前言cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材内容概览1.基于cesium 实现三维场景展示效果
2.源代码 demo 下载本篇实现 cesium 三维场景航空航天模型展示,效果图如下:三维模型.gltf场景展示
倾斜摄影场景展示
加载三维模型 gltfcesium 三维模型格式数据转换cesium 支持加载三维模型的格式是 .gltf 或者 .glb,一般我们制作三维模型都是从 3dmax 软件,所以需要转换;官网开源有转换工具 obj2gltf,具体的见这里:
ht航空航天模型tps://github.com/AnalyticalGraphicsInc/obj2gltf,转换需要安装 node 环境,我这里加载三维模型就是从 obj 转换 gltf 来的;cesium 加载 gltf 展示代码
/*三维模型gltf配置信息*/
MapConfig.Obj3D航空航天模型 = {
position:Cesium.Cartesian3.fromDegrees(111.828682, 21.579571,3000),
models:[
{
id:"3D_gltf",
name : "测试3D航空航天模型模型",
position : Cesium.Cartesian3.fromDegrees(111.828682, 21.579571),
uri :"http://localhost:8180/cesium/3DModel/test/gltf_zapo/Object航空航天模型02.gltf"
},
{
id:"3D_gltf",
name : "测试3D模型",
position : Cesium.Cartesian3.fromDegrees(111.828682, 21.579571),
航空航天模型 uri :"http://localhost:8180/cesium/3DModel/test/gltf_zapo/Object03.gltf"
},
{
id:"3D_gltf",
name : "测试3D模型",
航空航天模型 position : Cesium.Cartesian3.fromDegrees(111.828682, 21.579571),
uri :"http://localhost:8180/cesium/3DModel/test/gltf_zapo/ZP_DB_04.glt航空航天模型f"
}]
}
$("#cesium3DModel").click(function(){
if(cesium.cesiumViewer.entities.length>0){
cesium.cesiumViewer航空航天模型.entities.removeAll();//清空所有模型
}
cesium.add3DGlft(MapConfig.Obj3D);
});
/**
* 加载GLFT模型
* @method add3D航空航天模型Glft
* @param
* @return
*/
add3DGlft: function (obj) {
//加载3dModel
this.add3DEntityModels(obj.models);航空航天模型
//跳转位置
this.flyToPosition(obj.position);
},
/**
* 批量加载3D模型
* @method add3DEntityModels
* @par航空航天模型am models 3D模型数组
* @return
*/
add3DEntityModels: function (models) {
if(models && models.length>0){
for(var i=航空航天模型0;i
加载倾斜摄影场景展示我这里 cesium 加载倾斜摄影是用 3DTiles 形式,用 .b3dm 格式的数据更多的详情见:cesium 之三维场景展示篇(附源码下载) - 小专栏xiaozhuanlan.com/topic/2071983654
文章尾部提供源代码下载,对本专栏感兴趣的话,可以航空航天模型关注一波GIS之家店铺:GIS之家GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询
Copyright © 2002-2020 上海润之模型设计有限公司 版权所有 展示模型,展品模型,展厅模型,展示道具,展厅展品,展品道具,模型定制,模型公司,上海模型公司 备案号:沪ICP备20018260号