cesium 3d-tiles平移、贴地和旋转

作者: 李仙伟 | 来源:发表于2019-02-12 19:00 被阅读78次

//示例参数,根据实际情况设置(可定制UI实现动态调整,直到满意为止)

var params = {

    tx: 110.5,  //模型中心X轴坐标(经度,单位:十进制度)

    ty: 30,    //模型中心Y轴坐标(纬度,单位:十进制度)

    tz: 1120,    //模型中心Z轴坐标(高程,单位:米)

    rx: 60,    //X轴(经度)方向旋转角度(单位:度)

    ry: 30,    //Y轴(纬度)方向旋转角度(单位:度)

    rz: 0      //Z轴(高程)方向旋转角度(单位:度)

};

//平移、贴地、旋转模型

function update3dtilesMaxtrix(tileset) {

    //旋转

    var mx = Cesium.Matrix3.fromRotationX(Cesium.Math.toRadians(params.rx));

    var my = Cesium.Matrix3.fromRotationY(Cesium.Math.toRadians(params.ry));

    var mz = Cesium.Matrix3.fromRotationZ(Cesium.Math.toRadians(params.rz));

    var rotationX = Cesium.Matrix4.fromRotationTranslation(mx);

    var rotationY = Cesium.Matrix4.fromRotationTranslation(my);

    var rotationZ = Cesium.Matrix4.fromRotationTranslation(mz);

    //平移

    var position = Cesium.Cartesian3.fromDegrees(params.tx, params.ty, params.tz);

    var m = Cesium.Transforms.eastNorthUpToFixedFrame(position);

    //旋转、平移矩阵相乘

    Cesium.Matrix4.multiply(m, rotationX, m);

    Cesium.Matrix4.multiply(m, rotationY, m);

    Cesium.Matrix4.multiply(m, rotationZ, m);

    //赋值给tileset

    tileset._root.transform = m;

}

//调用示例

function test(viewer) {

    viewer.scene.globe.depthTestAgainstTerrain = true;

    var url = "./test/tileset.json";

    var tileset = new Cesium.Cesium3DTileset({

        url: url

    });

    var primitive = viewer.scene.primitives.add(tileset);

    primitive.readyPromise.then(function (t) {

        var originalSphere = t.boundingSphere;

        var radius = originalSphere.radius;

        viewer.zoomTo(t, new Cesium.HeadingPitchRange(0.5, -0.5, radius * 4.0));

        //平移、贴地、旋转模型

        update3dtilesMaxtrix(tileset);

    }).otherwise(function (error) {

        var msg = JSON.stringify(error);

        console.log(msg);

    });

}

欢迎加QQ群(cesium 3dtiles):392437033。

相关文章

  • cesium 3d-tiles平移、贴地和旋转

    //示例参数,根据实际情况设置(可定制UI实现动态调整,直到满意为止) var params = { tx: ...

  • Cesium gltf模型姿态动态调整

    Cesium 动态调整 gltf模型姿态:包含中心点、平移、旋转、缩放。 效果 代码

  • cesium编程入门(七)3D Tiles,模型旋转

    cesium编程入门(七)3D Tiles,模型旋转 上一节介绍了3D Tiles模型的位置移动,和贴地的操作,这...

  • Cesium官方教程6--相机

    相机(Camera) 相机控制了场景的观察视角。有很多相机操控方法,比如旋转、缩放、平移以及飞行定位。Cesium...

  • 晶体学笔记15:晶体的微观对称性-操作和轴

    微观对称操作有平移、旋转-平移、反映-平移,他们相应的对称元素是平移轴、螺旋轴和滑移面。 平移操作和平移轴 旋转-...

  • 《平移和旋转》反思

    北师版三年级下数学 本课内容分为两个课时进行 第一个课时让学生初步体会平移和旋转的特征, 认识平移和旋转的现象,通...

  • transform

    平移,伸缩,旋转,倾斜 translateX:x轴平移 scaleX:伸缩 rotateX:旋转 skewX :倾斜

  • transform 要点

    1.transform是UIView的属性,主要用于平移,旋转和缩放。 2.平移,旋转和缩放是基于锚点。系统表现动...

  • OpenGL基础变换与矩阵栈

    1. 基础变换 1.1 平移 1.2 旋转 1.3 缩放 1.4 组合变换 平移和旋转 对比上面2个变换,我们可以...

  • 五、OpenGL基础变换与矩阵栈

    1. 基础变换 1.1 平移 1.2 旋转 1.3 缩放 1.4 组合变换 平移和旋转 对比上面2个变换,我们可以...

网友评论

    本文标题:cesium 3d-tiles平移、贴地和旋转

    本文链接:https://www.haomeiwen.com/subject/gfakeqtx.html