osgb转json_cesuim加载倾斜摄影OSGB三维数据
由于个人开发经验问题,之前直接使用obj文件转化的gltf或b3dm文件,转化的文件非常大几百兆直接导入了项目,这样直接会导致浏览器崩溃。后来参考文献发现我这里用的文件不对,应该用osgb文件在较大的做三维模型加载。
1、得到正确原始.osgb格式数据;
(1)倾斜摄影数据仅支持 smart3d 格式的 osgb 组织方式, 数据目录必须有一个 “Data” 目录的总入口, “Data” 目录同级放置一个
metadata.xml 文件用来记录模型的位置信息。
(2)每个瓦片目录下,必须有个和目录名同名的 osgb 文件,否则无法识别根节点。
正确的目录结构如图
2、由于cesuim暂不支持.osgb格式数据显示,所以要将.osgb格式数据转换为3dtile 格式数据,提供一个比较简单的转化工具。
转换成功后的数据格式如图
3、将转换成功后的数据在服务器上发布(这应该是挺简单的,就是将数据和代码放到同一个服务器上就行了),然后利用cesuim接口进行数据添加显示。
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: './b3dm/tileset.json',
shadows:Cesium.ShadowMode.DISABLED,//去除阴影
scale:1
}));
tileset.readyPromise.then(function () {
viewer.zoomTo(tileset);
})
4、解决Cesium 1.50(2018/10/01)版本打开3dtiles可能会出现加载不上导致渲染停止的错误。
(1)错误说明为:RuntimeError: Unsupported glTF Extension: KHR_technique_webgl。错误截图如下:
(2)解决方案:
原因是KHR_technique_webgl扩展新版Cesium已经不支持的缘故,需要升级一下gltf数据,使用KHR_techniques_webgl扩展即可(注意多了一个s)。当然如果直接修改3dtiles数据,比较劳心费神。这里提供一个简单的方法,只需要在Cesium.js加载以后,运行以下代码即可正常显示3dtiles数据了。
var fixGltf = function (gltf) {
if (!gltf.extensionsUsed) {
return;
}
var v = gltf.extensionsUsed.indexOf('KHR_technique_webgl');
var t = gltf.extensionsRequired.indexOf('KHR_technique_webgl');
if (v !== -1) {
gltf.extensionsRequired.splice(t, 1, 'KHR_techniques_webgl');
gltf.extensionsUsed.splice(v, 1, 'KHR_techniques_webgl');
gltf.extensions = gltf.extensions || {};
gltf.extensions['KHR_techniques_webgl'] = {};
gltf.extensions['KHR_techniques_webgl'].programs = gltf.programs;
gltf.extensions['KHR_techniques_webgl'].shaders = gltf.shaders;
gltf.extensions['KHR_techniques_webgl'].techniques = gltf.techniques;
var techniques = gltf.extensions['KHR_techniques_webgl'].techniques;
gltf.materials.forEach(function (mat, index) {
gltf.materials[index].extensions['KHR_technique_webgl'].values = gltf.materials[index].values;
gltf.materials[index].extensions['KHR_techniques_webgl'] = gltf.materials[index].extensions['KHR_technique_webgl'];
var vtxfMaterialExtension = gltf.materials[index].extensions['KHR_techniques_webgl'];
for (var value in vtxfMaterialExtension.values) {
var us = techniques[vtxfMaterialExtension.technique].uniforms;
for (var key in us) {
if (us[key] === value) {
vtxfMaterialExtension.values[key] = vtxfMaterialExtension.values[value];
delete vtxfMaterialExtension.values[value];
break;
}
}
};
});
techniques.forEach(function (t) {
for (var attribute in t.attributes) {
var name = t.attributes[attribute];
t.attributes[attribute] = t.parameters[name];
};
for (var uniform in t.uniforms) {
var name = t.uniforms[uniform];
t.uniforms[uniform] = t.parameters[name];
};
});
}
}
Object.defineProperties(Cesium.Model.prototype, {
_cachedGltf: {
set: function (value) {
this._vtxf_cachedGltf = value;
if (this._vtxf_cachedGltf && this._vtxf_cachedGltf._gltf) {
fixGltf(this._vtxf_cachedGltf._gltf);
}
},
get: function () {
return this._vtxf_cachedGltf;
}
}
});
5、效果图
我不介意孤独,只是介意变得微不足道。
osgb转json_cesuim加载倾斜摄影OSGB三维数据相关推荐
- vue项目利用cesium框架加载倾斜摄影OSGB三维数据(详细)
前言:OSGB格式无法直接使用cesium渲染,需要使用工具转换成3DTile格式才能使用 个人使用:osg2cesiumApp工具转换 工具下载地址:osg2cesiumApp.zip-Web开发文 ...
- Cesium开发及离线加载倾斜摄影
前言 前段时间接手了一个任务,让我研究一下开源的地图引擎,可以加载倾斜摄影数据,展示3D效果,实现地图应该有的大部分功能~好吧,我听到时真是一头雾水.WTF?地图引擎?3D模型?倾斜摄影?这都是什么鬼 ...
- Unity3D(UE4)加载倾斜摄影数据OSGB格式
在Unity3D平台动态加载调度倾斜摄影数据,利用多线程动态加载瓦片数据,可以顺畅加载海量的瓦片数据.目前测试可流畅加载100G左右数据,支持加载本地数据,数据可不放在Unity工程内,也可以将数据放 ...
- Unity加载倾斜摄影模型/激光点云,开源
[重大更新]现已支持WebGL 业余时间尝试了下用Unity加载倾斜摄影模型/激光点云,目前支持Bentley ContextCapture生成的3MX格式 源码见 https://github.co ...
- SuperMap iMobile 8C 技术文档 ——加载倾斜摄影模型
作者:博哥 北京超图软件股份有限公司 中国•北京 ##** 目 录** ###**1 概述 ** ###**2 操作流程 ** ####**2.1 生成配置文件 ** #####2.1.1 使用说明 ...
- Smart3D系列教程7之 《手动配置S3C索引加载全部的瓦片数据》
一.前言 迄今为止,Wish3D已经出品推出了6篇系列教程,从倾斜摄影的原理方法.采集照片的技巧.Smart3D各模块的功能应用.小物件的照片重建.大区域的地形重建到DSM及正射影像的处理生产,立足于 ...
- Knockout应用开发指南 第六章:加载或保存JSON数据
原文:Knockout应用开发指南 第六章:加载或保存JSON数据 加载或保存JSON数据 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地 ...
- 28 Java类的加载机制、什么是类的加载、类的生命周期、加载:查找并加载类的二进制数据、连接、初始化、类加载器、双亲委派模型、自定义类加载器
28Java类的加载机制 28.1.什么是类的加载 28.2.类的生命周期 28.2.1.加载:查找并加载类的二进制数据 28.2.2.连接 28.2.3.初始化 28.3.类加载器 28.4.类的加 ...
- Ext JS - Combobox 加载下拉框数据 级联下拉框
Combobox 加载下拉框数据 点击下拉框,数据从后台加载,是很常见的需求.如下图: View 中下拉框 dockedItems : [ {dock : 'top',xtype : 'toolbar ...
- Recyclerview删除数据后无法加载下一页数据(或者是漏了一条数据)
使用场景:项目中用到了"订单列表"界面,会有个删除订单的功能,点击删除之后,之前一页的10个数据会变成9个,然后加载更多就触发不了(也可能会少一条数据) 分析:触发不了是我的rec ...
最新文章
- CVPR 2022 57 篇论文分方向整理 + 打包下载|涵盖目标检测、语义分割、人群计数、异常检测等方向
- ORACLE SQL:经典查询练手第三篇
- 【JVM调优系列】----CPU过高的分析与解决方案
- 小米11 Pro屏幕细节曝光:至少要上2K+分辨率
- 淘宝TFS文件系统配置
- AYUI第12个作品-英雄联盟-魔法少女的星光水晶2.0-WPF版本
- CentOS 7下mysqld服务启动失败终极解决方案
- Android内存泄露测试
- 报告显示:数据屏蔽降低业务安全风险
- JAVA查电话归属地
- hp打印机没有右键扫描_win7右键点击打印机图标没有扫描选项怎么解决
- 安卓flash插件_谷歌Chrome 76稳定版正式发布:默认禁用Flash
- 在Linux上配置基于Web的网络流量监控系统的方法
- 河北农业大学能不能学计算机,河北农业大学(专业学位)计算机技术考研难吗
- 制作世界人口地图json--10.4学习日记
- SDN控制器 之南向网络控制技术
- 关于构建与优化数据仓库架构与模型设计
- Intellij中格式化mapper.xml整齐
- PowerBI获取报表使用指标
- CSDN 社区云 2022 年中小结
热门文章
- Android测试驱动开发实践2
- 内外网怎么同时使用?保姆级教程
- matlab半峰宽计算公式,半峰宽单位换算(峰宽与半峰宽转换公式)
- C语言stdio头文件常见的输入输出库函数
- 工业软件研究框架_【软件开发】工业软件相关学习信息
- python word库_Python|利用第三方库编辑word的基本操作
- 黑马程序员微信小程序开发前端教程_零基础玩转微信小程序P30 列式编程
- 数据挖掘05-偏相关分析【原理、案例、python实现】
- php strlen 汉子,php使用strlen()判断中文汉字字符串长度
- 小动物领养网站/宠物救助网站