Edit feature infobox to match properties available in new 3dTiles

public/js/appCesium.js

@@ -184,7 +184,7 @@ const activate3DTileFeaturePicking = function () {
     nameOverlay.style.bottom =
       viewer.canvas.clientHeight - movement.endPosition.y + "px";
     nameOverlay.style.left = movement.endPosition.x + "px";
-    let name = pickedFeature.getProperty("name");
+    let name = pickedFeature.getProperty("_gebaeude");
     if (!Cesium.defined(name)) {
       name = pickedFeature.getProperty("id");
     }
@@ -234,22 +234,19 @@ const activate3DTileFeaturePicking = function () {
     <table class="cesium-infoBox-defaultTable">
       <tbody> 
         <tr><th>Bau</th><td>
-        ${pickedFeature.getProperty("BIN")} 
+        ${pickedFeature.getProperty("_gebaeude")} 
         </td></tr> 
         <tr><th>Nutzung</th><td>
-        ${pickedFeature.getProperty("DOITT_ID")}
+        ${pickedFeature.getProperty("_nutzung")}
         </td></tr>
         <tr><th>Baujahr</th><td>
-        ${pickedFeature.getProperty("SOURCE_ID")}
+        ${pickedFeature.getProperty("_baujahr")}
         </td></tr>
         <tr><th>Geschosse</th><td>
-        ${pickedFeature.getProperty("longitude")} 
+        ${pickedFeature.getProperty("_geschosse")} 
         </td></tr>
-        <tr><th>Gebäudefläche</th><td>
-        ${pickedFeature.getProperty("latitude")} 
-        </td></tr>
-        <tr><th>Gebäudevolumen</th><td>
-        ${pickedFeature.getProperty("height")} 
+        <tr><th>Gebäudefläche (m<sup>2</sup>)</th><td>
+        ${pickedFeature.getProperty("_gebaeudeflaeche")} 
         </td></tr>
       </tbody>
     </table>