Cesium之Cesium3DTileStyle

如果要对加载后的3dtiles进行样式修改，就需要用到Cesium3DTileStyle。

官网例子：https://sandcastle.cesium.com/index.html?src=3D%20Tiles%20Feature%20Styling.html

参考1：https://www.jianshu.com/p/cb289231f2ec

 

>>高级教程：https://blog.csdn.net/fywindmoon/article/details/108414997（Cesium深入浅出之3dtiles渲染）

 

    //将视频投影到3dtiles上
    let url = 'http://localhost:8888/cesium/Apps/SampleData/models/hm/hang2/tileset.json'
    let tileset = this.viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
      url: url,  //数据路径
      maximumScreenSpaceError: 2,//默认16,最大屏幕空间错误
    }));
    tileset.readyPromise.then(function(argument) {
      console.log(argument)
      tileset.style = new Cesium.Cesium3DTileStyle({
        color : {
            conditions : [
                ['${height} >= 100', 'color("purple", 0.5)'],
                ['${height} >= 50', 'color("red")'],
                ['true', 'color("blue")']
            ]
        },
        show : '${height} > 0',
        meta : {
            description : '"Building id ${id} has height ${height}."'
        }
      });
      self.viewer.zoomTo(tileset)
    });