五年以上倾斜摄影osgb模型转3dtiles如何在mars3d加载

方案一:

复制代码
// 兼容1.50 (2018-10-01)版本更改了名称,造成部分3dtiles可能会出现加载不上导致渲染停止的错误。
// 错误说明为:RuntimeError: Unsupported glTF Extension: KHR_technique_webgl
// 原因:KHR_technique_webgl扩展新版Cesium已经不支持的缘故,需要升级一下gltf数据,使用KHR_techniques_webgl扩展即可(注意多了一个s)。
try {
  var fixGltf = function (gltf) {
      if (!gltf.extensionsUsed || !gltf.extensionsUsed.indexOf || !gltf.extensionsRequired) {
          return;
      }
      var v = gltf.extensionsUsed.indexOf('KHR_technique_webgl');
      if (v == -1) return;
      // 中招了。。
      var t = gltf.extensionsRequired.indexOf('KHR_technique_webgl');
      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 || (gltf.materials[index].extensions = { KHR_technique_webgl: {} });
          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 myMaterialExtension = gltf.materials[index].extensions['KHR_techniques_webgl'];
          myMaterialExtension.technique || (myMaterialExtension.technique = gltf.materials[index].technique);
          for (var value in myMaterialExtension.values) {
              var us = techniques[myMaterialExtension.technique].uniforms;
              for (var key in us) {
                  if (us[key] === value) {
                      myMaterialExtension.values[key] = myMaterialExtension.values[value];
                      delete myMaterialExtension.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._my_cachedGltf = value;
              if (this._my_cachedGltf && this._my_cachedGltf._gltf) {
                  fixGltf(this._my_cachedGltf._gltf);
              }
          },
          get: function () {
              return this._my_cachedGltf;
          }
      }
  });
} catch (e) {
  console.log(e)
}

方案二:

需要安装KHR_techniques_webgl包,也可能是ktx1不支持造成的


方案三:

可以用原生cesium来试试哪个版本兼容,可以1.79和1.8X加载看看。切换版本试试

如果有原始的osgb数据,重新跑一次数据处理肯定可以

相关推荐
江公望2 分钟前
VUE3 动态Prop 10分钟讲清楚
前端·javascript·vue.js
不会写DN2 分钟前
JavaScript call、apply、bind 方法解析
开发语言·前端·javascript·node.js
如果你好12 分钟前
理解 Proxy 原理及如何拦截 Map、Set 等集合方法调用实现自定义拦截和日志——含示例代码解析
javascript
AAA简单玩转程序设计15 分钟前
Java Map遍历的“优雅”合集
java·前端
timeweaver16 分钟前
React Server Components 再曝高危漏洞:拒绝服务与源码泄露接踵而至
前端·安全
狗哥哥21 分钟前
企业级 Vue 3 项目图标系统重构实践:从多源混乱到单一数据源
前端·vue.js·架构
czhc114007566321 分钟前
c# winform1212
java·javascript·c#
一锤捌拾22 分钟前
漫谈 JS 解析与作用域锁定
javascript
GISer_Jing23 分钟前
AI赋能前端营销领域全解析:业务、技术、应用场景等
前端·人工智能
asing28 分钟前
CDN 技术深度解析
前端·cdn