五年以上倾斜摄影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数据,重新跑一次数据处理肯定可以

相关推荐
沉默璇年1 小时前
react中useMemo的使用场景
前端·react.js·前端框架
yqcoder1 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
2401_882727571 小时前
BY组态-低代码web可视化组件
前端·后端·物联网·低代码·数学建模·前端框架
SoaringHeart1 小时前
Flutter进阶:基于 MLKit 的 OCR 文字识别
前端·flutter
会发光的猪。2 小时前
css使用弹性盒,让每个子元素平均等分父元素的4/1大小
前端·javascript·vue.js
天下代码客2 小时前
【vue】vue中.sync修饰符如何使用--详细代码对比
前端·javascript·vue.js
猫爪笔记2 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
前端李易安2 小时前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
红绿鲤鱼2 小时前
React-自定义Hook与逻辑共享
前端·react.js·前端框架
Domain-zhuo3 小时前
什么是JavaScript原型链?
开发语言·前端·javascript·jvm·ecmascript·原型模式