cesium 调整3dtiles的位置 世界坐标下 相对坐标下 平移矩阵

58 篇文章 2 订阅
本文详细解释了在Cesium中如何使用平移矩阵调整3DTiles的位置,涉及世界坐标系和局部坐标系的转换,以及针对两种不同情况(绝对位置和相对位置)的处理方法。
摘要由CSDN通过智能技术生成

cesium调整3dtiles的位置用到的是平移矩阵,原理是在世界坐标系中用偏移点减去原始点得到一个平移向量,再根据这个向量得到平移矩阵。

  • 原始点:一般是模型的中心点位置,可通过模型的包围盒得到
  • 偏移点:可分为两种情况,
  1. 直接给出世界坐标系中的一个位置,这两个点在世界坐标系中没有相对关系
  2. 给出模型的相对位置,比如说让模型沿x轴正方向偏10米,此时这个偏移点和模型就有相对关系,但是偏移点在世界坐标系中并没有描述,因此需要根据模型建立一个局部坐标系,将局部坐标系变换到世界坐标,求出偏移点在世界坐标系中的值。注意:到这一步情况就和1相同了,后面的转换也和1相同。

一、加载 3dtiles

tileset = new Cesium.Cesium3DTileset({
    url: '/data/tileset.json',
    maximumScreenSpaceError: 2,  //最大的屏幕空间误差
    maximumNumberOfLoadedTiles: 1000, //最大加载瓦片个数
    dynamicScreenSpaceError: true,
    dynamicScreenSpaceErrorDensity: 0.00278,
    dynamicScreenSpaceErrorFactor: 4.0,
    dynamicScreenSpaceErrorHeightFalloff: 0.25,
    skipLevelOfDetail: true,
    baseScreenSpaceError: 1024,
    skipScreenSpaceErrorFactor: 16,
    skipLevels: 1,
    immediatelyLoadDesiredLevelOfDetail: false,
    loadSiblings: false,
    cullWithChildrenBounds: true,
});
viewer.scene.primitives.add(tileset);

二、世界坐标系中的平移

tileset.readyPromise.then(function () {
    // 模型外包围盒,center:模型中心点,radius:包围盒半径
    let boundingSphere = tileset.boundingSphere;
    // 模型中心点
    let origin = boundingSphere.center;

    // 偏移后的位置,世界坐标系中的位置,比如从经纬度1的位置偏移到经纬度2的位置,并不知道1和2的相对关系
    let offset = Cesium.Cartesian3.fromDegrees(
        113.296969, 38.390417, 39.974122
    );

    // 计算世界坐标系下平移向量
    let translate = Cesium.Cartesian3.subtract(
        offset,
        origin,
        new Cesium.Cartesian3()
    );
    tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translate);
});

三、相对位置的平移

tileset.readyPromise.then(function () {
    // 模型外包围盒,center:模型中心点,radius:包围盒半径
    let boundingSphere = tileset.boundingSphere;
    // 模型中心点
    let origin = boundingSphere.center;

    // 获取到以模型中心为原点,Z轴垂直地表的局部坐标系,以矩阵表示,此矩阵为将局部坐标系变换到世界坐标系的变换矩阵
    let localMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(origin);
    // 平移向量(tx,ty,tz) 此处表示沿着x轴平移10米,y轴和z轴不变
    let tempTranslation = new Cesium.Cartesian3(10, 0, 0);

    // 偏移后的位置,世界坐标系中的位置,即:局部坐标中(tx,ty,tz)在世界坐标系中位置
    let offset = Cesium.Matrix4.multiplyByPoint(localMatrix, tempTranslation, new Cesium.Cartesian3(0, 0, 0));

    // 计算世界坐标系下平移向量
    let translate = Cesium.Cartesian3.subtract(
        offset,
        origin,
        new Cesium.Cartesian3()
    );
    tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translate);
});

总结:两种情况的平移原理是一样的,都是在世界坐标系中 偏移点-原始点 得到平移向量,只是相对位置的平移多了局部坐标系到世界坐标系转换的过程。

好的,针对你的问题,我可以给你一些指导。首先,你需要明确加载3D Tiles的目的是什么。如果你只需要显示一个小范围的地理区域,那么局部加载就是一个非常好的选择,它可以帮助你提高应用程序的性能。 在Cesium中,你可以使用Tileset类加载3D TilesTileset类提供了一些方法,能够帮助你控制加载和显示3D Tiles的细节。下面是一个示例代码,演示如何加载并调整3D Tiles: ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var tileset = new Cesium.Cesium3DTileset({ url : 'path/to/your/tileset' }); viewer.scene.primitives.add(tileset); // 通过设置Tileset的transform属性,调整3D Tiles位置和方向 tileset.readyPromise.then(function(tileset) { var boundingSphere = tileset.boundingSphere; var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center); var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0); var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 10.0); var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3()); tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation); }); // 通过设置Tileset的maximumScreenSpaceError属性,控制3D Tiles的细节级别 tileset.maximumScreenSpaceError = 8; ``` 在这个示例中,我们首先创建了一个Cesium的Viewer实例,并将其作为容器显示在HTML页面中。然后,我们创建了一个Tileset实例,并将其添加到场景中。接下来,我们设置了Tileset的transform属性,将3D Tiles调整到我们想要的位置和方向。最后,我们设置了Tileset的maximumScreenSpaceError属性,控制3D Tiles的细节级别。 希望这个示例能够帮助你加载并调整3D Tiles。如果你还有其他的问题,请随时问我。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值