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)
    });