|
### Example: Styling of 3D building models by Specific Space Heating Demand.
|
|
# Styling of 3D building models by Specific Space Heating Demand.
|
|
|
|
|
|
![image](uploads/69e089282b3bc2f2c20c099dc8bf8ee8/image.png)
|
|
![image](uploads/69e089282b3bc2f2c20c099dc8bf8ee8/image.png)
|
|
|
|
|
|
#### Example Script in Cesium.js JavaScript file
|
|
The following workflow can be done to allow the styling of 3D building models.
|
|
|
|
|
|
|
|
### 1. Integrate attribute to CityGML 3D building model
|
|
|
|
Extra CityGML attributes may be generated from external tools such as "SimStadt" or GIS data sources. The extra attribute may be integrated or spatial overlaid into the CityGML model using FME as in this example: https://transfer.hft-stuttgart.de/pages/ict4icity/data_workflow/index.html
|
|
|
|
|
|
|
|
### 2. Conversion from CityGML to 3D Tiles
|
|
|
|
### 3 Visualize 3D Tiles on Web Client.
|
|
|
|
|
|
|
|
The description of step 2,3 can be found at https://transfer.hft-stuttgart.de/pages/coors/visualization/WebVisualization/VisualizationWorkshop3D.html
|
|
|
|
|
|
|
|
### 4 Setting styles of 3D building models by attributes.
|
|
|
|
Example Script in Cesium.js JavaScript file
|
|
```javascript
|
|
```javascript
|
|
// load 3D Tileset
|
|
// load 3D Tileset
|
|
tileset_3Dbuildings = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
|
|
tileset_3Dbuildings = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
|
... | | ... | |