美文网首页开源
Cesium加载3DTiles

Cesium加载3DTiles

作者: 等等ChEnH | 来源:发表于2020-09-07 15:02 被阅读0次
    //设置模型位置
    var longitude = 114.10494261;
    var latitude = 22.80063329;
    var height = 0;
    var rotation = 0;   //rotation degrees
    var url = "static/data/3dTiles/factory/tileset.json";
    
    var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(Cesium.Cartesian3.fromDegrees(longitude, latitude, height));
    Cesium.Matrix4.multiplyByMatrix3(modelMatrix, Cesium.Matrix3.fromRotationZ(Cesium.Math.toRadians(rotation)), modelMatrix);
    
    var tileset = new Cesium.Cesium3DTileset({
      url: url, //文件路径
      modelMatrix: modelMatrix, //模型位置以及旋转角度高度设置
      luminanceAtZenith: 0.2,//太阳光照在天顶的亮度,以每平方米千坎德拉为单位,用于该模型的过程环境图。
      lightColor: new Cesium.Cartesian3(0.3, 0.3, 0.3),//着色模型时的浅色。当undefined现场的灯光颜色来代替。
      backFaceCulling: true//是否剔除背面几何。如果为true,则背面剔除由glTF材料的doubleSided属性决定;如果为假,则禁用背面剔除。
    });
    // 异步加载模型
    tileset.readyPromise.then(function(tileset){
      viewer.scene.primitives.add(tileset);
      //飞入模型位置
      viewer.zoomTo(tileset, new Cesium.HeadingPitchRange(0, -0.5, 0));
    }).otherwise(function(error){
      console.log(error);
    });
    

    相关API参考:


    API

    API地址:
    http://cesium.xin/cesium/cn/Documentation1.62/
    https://cesium.com/docs/cesiumjs-ref-doc/Cesium3DTileset.html?classFilter=3D

    相关文章

      网友评论

        本文标题:Cesium加载3DTiles

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