cesium获取模型的数据包含b3dm和cmpt

**getreadyPromise()**方法在模型加载完成后调用

url为模型地址

javascript 复制代码
// tileset模型
function tilesetM(url) {
  tileset = viewer.scene.primitives.add(
    new Cesium.Cesium3DTileset({
      // url: '../../public/asd/tileset.json',
      url: url,
      // type: "3dtiles",
      maximumScreenSpaceError: 2, //最大的屏幕空间误差
      show: true,
      
    })
  );
  viewer.flyTo(tileset);
  viewer.scene.globe.depthTestAgainstTerrain = true; // 开启地形深度检测
  // viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin); // 开启3D Tiles检测器
  getreadyPromise();
}
javascript 复制代码
let dataModeList: any = [];
function getreadyPromise() {
  var model = viewer.scene.primitives.get(0);
  // 监听模型加载完成
  model.readyPromise.then(function (modelval) {
    let tileset3dDate = [];
    //构件数据放入对象中
    tileset.tileLoad.addEventListener(function (tile) {
      processTileFeatures(tile, function (data) {
      });
    });
  });
}
function processTileFeatures(tile, callback) {
  var content = tile.content;
  var innerContents = content.innerContents;
  if (Cesium.defined(innerContents)) {
    var length = innerContents.length;
    for (var i = 0; i < length; ++i) {
      processContentFeatures(innerContents[i], callback);
    }
  } else {
    processContentFeatures(content, callback);
  }
  console.log('dataModeList:', dataModeList);
}

function processContentFeatures(content, callback) {
  var featuresLength = content.featuresLength;
  for (var i = 0; i < featuresLength; ++i) {
    var feature = content.getFeature(i);
    // console.log("feature:",feature.getProperty("CODE"))
    // console.log("Id:",feature.getProperty("id"))
    dataModeList.push({
      id: feature.getProperty('id'),
      name: feature.getProperty('name'),
      CODE: feature.getProperty('CODE'),
      sid: feature.getProperty('sid'),
      modeName: feature.getProperty('名称'),
      modeType: feature.getProperty('类型'),
    });
    callback(feature);
  }
}
相关推荐
jingling55518 分钟前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
油丶酸萝卜别吃18 分钟前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
J***Q2927 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio8 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦9 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
_大龄9 小时前
前端解析excel
前端·excel
1***s6329 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
槁***耿9 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶9 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫9 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端