I have created a dashboard for energy analysis. All buildings are being selected and colored green instead of just one building when userr selections are made. it draws a chart using highcharts and selects the buildiings that is being queried in green.
Here is a sample of the code to apply styling:
const applyStylingForSelectedBuildings = function (
targetTileset,
buildingIdArr
) {
targetTileset.style = new Cesium.Cesium3DTileStyle({
defines:{
_gebaeude: “${feature[‘building:_gebaeude’]}”,
},
color: {
conditions: [
// The maximum number of buildings = seven
[“${_gebaeude} === null”,‘color(“yellow”)’],
[“${_gebaeude} === " + (buildingIdArr[0]), ‘color(“green”)’],
[”${_gebaeude} === " + (buildingIdArr[1]), ‘color(“green”)’],
[“${_gebaeude} === " + (buildingIdArr[2]), ‘color(“green”)’],
[”${_gebaeude} === " + (buildingIdArr[3]), ‘color(“green”)’],
[“${_gebaeude} === " + (buildingIdArr[4]), ‘color(“green”)’],
[”${_gebaeude} === " + (buildingIdArr[5]), ‘color(“green”)’],
["${_gebaeude} === " + (buildingIdArr[6]), ‘color(“green”)’],
[“true”, ‘color(“white”)’],
],
},
});
};
// Remove duplicates
const uniqueBuildingIdArr = […new Set(buildingIdArr)];applyStylingForSelectedBuildings(
buildingTileset,
uniqueBuildingIdArr
);
This is the console log of uniqueBuildingIdArr [‘102’] based on user selection of building 102 from dropdown list of buildings
My cesium objects have _gebaeude property. For some strange reason the buildings are not highlighting