尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
Cesium 加载模型教程
加载模型 ·Load Model· ▶ 在线运行案例案例合集三维可视化功能案例threehub.cn开源仓库github地址https://github.com/z2586300277/three-cesium-examples400个案例代码:网盘链接你将学到什么3D Tiles与glTF Entity两种加载方式viewer.scene.primitives.add(tileset)vsviewer.entities.add经纬高坐标转换与贴地偏移原理效果说明加载倾斜摄影3D Tiles建筑白膜在其包围球中心放置一辆glTF 汽车模型并将 tileset 整体贴地。核心概念Cesium 有两套主要渲染 API| API | 适用 | 加载方式 | |-----|------|---------| |Primitive| 3D Tiles、地形、大批量静态几何 |scene.primitives.add()| |Entity| 点线面、模型、标签等高层对象 |viewer.entities.add()|3D Tilesconst tileset await Cesium.Cesium3DTileset.fromUrl(url);viewer.scene.primitives.add(tileset); viewer.camera.viewBoundingSphere(tileset.boundingSphere, new Cesium.HeadingPitchRange(0, -0.5, 0));3D Tiles 是流式 LOD 格式适合城市级倾斜摄影、点云、人工模型库。Entity glTFviewer.entities.add({position: tileset.boundingSphere.center, model: { uri: car.glb, minimumPixelSize: 128, // 远距离最小像素保证可见 maximumScale: 200, } });贴地偏移 adjust3dtilesPosition倾斜摄影数据常悬浮或陷入地下需计算高度偏移1. boundingSphere.center → Cartographic经纬高取椭球面高度 0 的表面点 surfaceoffset surface - centertileset.modelMatrix 应用平移涉及 Cesium 空间数学Cartographic.fromCartesian→Cartesian3.fromRadians→Matrix4.fromTranslation。实现步骤new Cesium.Viewer()精简 UI配置 ArcGIS 影像底图await Cesium3DTileset.fromUrl()加载 tilesetadjust3dtilesPosition(tileset)贴地viewBoundingSphere飞到模型Entity 加载 glTF 到 tileset 中心代码要点import * as Cesium from cesiumconst box document.getElementById(box)const viewer new Cesium.Viewer(box, {animation: false,//是否创建动画小器件左下角仪表baseLayerPicker: false,//是否显示图层选择器右上角图层选择按钮baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl(https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer)),fullscreenButton: false,//是否显示全屏按钮右下角全屏选择按钮timeline: false,//是否显示时间轴infoBox: false,//是否显示信息框})// 3dtiles 模型 const tileset await Cesium.Cesium3DTileset.fromUrl(FILE_HOST 3dtiles/test/tileset.json)viewer.scene.primitives.add(tileset)adjust3dtilesPosition(tileset)// 设置视角 viewer.camera.viewBoundingSphere(tileset.boundingSphere, new Cesium.HeadingPitchRange(0, -0.5, 0))// gltf 模型 放到 3dtiles 模型中心 viewer.entities.add({name: gltf,position: tileset.boundingSphere.center,model: {uri: HOST /files/model/car.glb,minimumPixelSize: 128,maximumScale: 200,}})// 贴地 function adjust3dtilesPosition(tileset) {const boundingSphere tileset.boundingSphereconst cartographic Cesium.Cartographic.fromCartesian(boundingSphere.center) // 获取中心点const surface Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0) // 获取表面点const offset Cesium.Cartesian3.subtract(surface, boundingSphere.center, new Cesium.Cartesian3()) // 计算偏移tileset.modelMatrix Cesium.Matrix4.fromTranslation(offset) // 设置偏移}完整源码GitHub小结大场景建筑 →3D Tiles单个可交互模型 →Entity.model相关Cesium 相机 · 3D Tiles 着色基础功能 · Cesium.js
RELATED

相关推荐

Cesium 键盘漫游教程

Cesium 键盘漫游教程

键盘漫游 Keyboard Roam ▶ 在线运行案例 案例合集: 三维可视化功能案例(threehub.cn)开源仓库github地址: https://github.com/z2586300277/three-cesium-examples400个案例代码: 网盘链接 你将学到什么 flags 状态表 跟踪按…

📅 2026/11/13 0:26:12
2026抖音右下角水印去除方法:手机电脑合规工具与侵权说明

2026抖音右下角水印去除方法:手机电脑合规工具与侵权说明

日常保存抖音视频时,右下角的平台水印会影响视频观感与素材整理,很多个人用户都想通过简单稳妥的方式去除水印。2026年主流的抖音去水印方式分为官方原生设置、手机端工具处理、电脑端专业处理三类,适配不同使用场景。本文将全面讲解抖音右下…

📅 2026/11/13 2:50:59
结构化方法 3 大核心工具实战:数据流图、ER图、数据字典在考务系统中的应用

结构化方法 3 大核心工具实战:数据流图、ER图、数据字典在考务系统中的应用

结构化方法三大核心工具实战:数据流图、ER图与数据字典在考务系统中的深度应用 1. 结构化方法工具链的价值重构 在当代软件工程实践中,结构化方法依然保持着强大的生命力。不同于面向对象方法的抽象封装特性,结构化方法通过 分解与细化 的…

📅 2026/11/13 8:52:38
MORE NEWS

更多资讯

📰

广西电工证查询网2026河南最新政策下如何避免被中介坑

广西电工证查询网2026河南最新政策下如何避免被中介坑 别再被那些打着“包过”旗号的中介忽悠了,现在 广西电工证查询网 和 2026河南最新政策…

📰

施秉县监理电工证怎么考不白交培训费?官方报名入口全攻略

施秉县监理电工证怎么考不白交培训费?官方报名入口全攻略 怕考不过白交培训费?你不是一个人。去年我帮鹤壁市一位市政工程朋友处理施秉县监理电工证报名时,他就是担心花了钱考不过,最后连报名都不敢。今天我就从头到尾说清楚,怎么通过【官方报名入口】顺…

📰

自贡电工证报名点内部消息:工地太忙根本没时间复习考试?别慌!

自贡电工证报名点内部消息:工地太忙根本没时间复习考试?别慌! 工地太忙根本没时间复习考试?别慌!自贡电工证报名点内部消息透露,现在办理流程已经简化了不少,而且很多流程可以远程完成。特别是针对像你这样的水利工程从业者,时间和精力都十分紧张,…

📰

余杭镇哪里可考电工证多久拿证

余杭镇哪里可考电工证多久拿证 工地太忙根本没时间复习考试,还担心多久拿证,这事儿我太懂了。作为在河南项目现场干了七八年的管理员,每年都要处理不少电工证办理的问题。不管是高压电工证还是低压电工证,流程、资料、考试安排都直接影响项目进度。下面我…

📰

住建局电工证哪里报考 良心建议帮你省下3000块

住建局电工证哪里报考 良心建议帮你省下3000块 之前考的证在外省能不能转过来?这个问题真的不是小事,尤其是你已经在新乡做项目现场管理员,手头又有一张在外省考的电工证,想要继续干下去,就必须把这个问题搞清楚。别再被那些“全国通用”的宣传骗了…

📰

工地太忙根本没时间复习考试?电工证和登高证通用的官方报名入口全攻略

工地太忙根本没时间复习考试?电工证和登高证通用的官方报名入口全攻略 工地太忙根本没时间复习考试,电工证和登高证通用的官方报名入口在哪?不少一线工人反映,考证成了他们工作之余最头疼的事,尤其是电工证和登高证通用的情况,很多工人以为这两个证可以…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬