cesium模型加载-点击-高亮

cesium模型加载-点击-高亮

1. 模型加载， Cesium3DTileset文档地址

var tileset = scene.primitives.add(new Cesium.Cesium3DTileset({url : 'http://localhost:8002/tilesets/Seattle/tileset.json'
}));

2. 设置tileset的样式, Cesium3DTileStyle文档地址

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}."'}
});

3. 业务需要点击相关数据对于模型id高亮

      // 点击数据获取idconst filterLayer = (id) =>{let that = thislet ids = [1,2,3];// 使用show regexp - 效率稍好const exp = ['${names} !== undefined && ', 'regExp("', ids.join('|'), '")', '.test(${names})'].join('',)const falseExp = ['${names} === undefined || ','!regExp("',ids.join('|'),'")','.test(${names})',].join('')const selExp = ['${names} !== undefined && ','${names} === ','"' + id + '"',].join('')tileset.style = new Cesium.Cesium3DTileStyle({color: {conditions: [[selExp, 'rgba(0,0,0,0)'],[falseExp, 'rgba(255,255,255,0)'],],},// show: exp,})// 如上 falseExp 代表需要隐藏的模型，设置color为透明也会隐藏掉模型， 设置 show: exp 也可以显示和隐藏模型，但是如果设置show为false的同时设置color的颜色会导致模型显示。设置selExp为rgba(0,0,0,0)表示高亮为红色。}