欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 创投人物 > Cesium移动3D模型位置

Cesium移动3D模型位置

2025/2/6 1:02:24 来源:https://blog.csdn.net/daimaxiaodao/article/details/143467023  浏览:    关键词:Cesium移动3D模型位置

对于json文件加载的3D模型,它通常会定位在无人机飞手建模的位置,并且寻常移动glb的方法对其并不适用,现在让我们来看看如何移动这样的模型。

首先,我们先来引入json文件,我用的是离线数据,将其放在public文件路径下,通常是一整个模型环境,只需要引入其中的json文件:

get3DmodelTest(){let that = thisvar tileset = new Cesium.Cesium3DTileset({  url: '/models/terra_b3dms/tileset.json'  });  this.viewer.scene.primitives.add(tileset);  // 可选:将视图定位到模型  tileset.readyPromise.then(function(tileset) {  that.viewer.zoomTo(tileset);  });
},

接下来,我们就看到该模型了,如果想移动它的位置,只需要:

// 等待tileset加载完成  
tileset.readyPromise.then(function(tileset) {  // 创建一个平移矩阵  // 如果要将tileset沿X轴平移10000米,可根据平移矩阵增加该数值实现(Cesium使用WGS84坐标系,单位通常是米)  // 为了更直观的效果,这里我改为定位到一个新坐标,其原理是相同的var translation = Cesium.Cartesian3.fromElements(120.37282636618222, 30.20652892963405, 0.0);  var translationMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(  Cesium.Cartesian3.ZERO, // 参考点,这里使用地球中心作为参考  Cesium.Ellipsoid.WGS84, // 椭球体  translation // 平移向量  );  // 注意:上面的translationMatrix实际上是一个从地球中心到平移后位置的局部坐标系的变换矩阵  // 但为了简化,我们假设只需要平移,并且tileset原本就在地球表面附近  // 因此,我们可以直接使用Cesium.Matrix4.fromTranslation来创建一个纯平移矩阵  var pureTranslationMatrix = Cesium.Matrix4.fromTranslation(translation);  // 将纯平移矩阵应用到tileset的modelMatrix上  // 注意:这里我们假设tileset原本没有应用任何变换(即modelMatrix是单位矩阵)  // 如果tileset已经应用了其他变换,你需要先获取当前的modelMatrix,然后与其相乘  tileset.modelMatrix = Cesium.Matrix4.multiply(  tileset.modelMatrix, // 当前的modelMatrix(如果是新创建的,则默认为单位矩阵)  pureTranslationMatrix, // 平移矩阵  new Cesium.Matrix4() // 结果矩阵  );  // 注意:上面的代码假设了tileset的初始modelMatrix是单位矩阵  // 如果tileset已经加载了并且有其自己的变换,你可能需要先将平移矩阵与当前的modelMatrix相乘  // 但由于Cesium3DTileset的modelMatrix在内部可能由Cesium自动管理,  // 因此直接修改它可能不是最佳实践。  // 在这种情况下,你可能需要寻找其他方法来达到你想要的效果,  // 比如通过调整场景中的相机位置来“移动”tileset的视觉效果。  // 另一种更简单的方法是,如果你只是想在视觉上移动tileset,  // 你可以通过调整相机的位置或视角来实现,而不是直接修改tileset的modelMatrix。  
});  // 注意:上面的代码示例中,使用Cesium.Transforms.eastNorthUpToFixedFrame来创建平移矩阵可能不是最直接的方法,  
// 因为这通常用于创建一个从特定点出发的局部坐标系。对于简单的平移,使用Cesium.Matrix4.fromTranslation就足够了。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com