[Frontend] 熱點衝突合併

Frontend/_sysMonFloor.html

@@ -30,9 +30,12 @@
     var allDeviceRowData = []; //所有設備原始資料
     var global_emergency_alarm_device_number = [];
     var zoomToggle = 3;
+    var urn_all = "dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1pdHN1YmlzaGkvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDJUU5JTlCJTk5JUU5JUExJUFGXzEyMjgubndk";
 
     $(function () {
-        show3DModel();
+        getHotspotPoint(() => {
+            show3DModel(urn_all);
+        });
         initChart();
         getFloData();
         subDevice();
@@ -864,9 +867,49 @@
         }
     }
 
-    function show3DModel() {
+    function show3DModel(urn) {
-        launchViewer("dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwQVJDJUUzJTgwJTkxQjFGXzIwMjJfMTJfMDQubndj", (viewer, nodeIds) => {
+        launchViewerForHotspot(urn, (viewer, nodeIds) => {
-            
+            getLevelsData();
+            loadHeatmapForFloor();
         });
     }
+
+    function getHotspotPoint(callback = null) {
+        let url = baseApiUrl + "/api/GetDevForCor";
+        let sendData = {
+            "device_area_tag": pageAct.AreaTag,
+            "device_building_tag": pageAct.buiTag,
+            "device_system_tag": pageAct.sysMainTag,
+            "device_name_tag": pageAct.sysSubTag,
+            "device_floor_tag": pageAct.floTag,
+        };
+        objSendData.Data = sendData;
+        ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
+            if (!res || res.code != "0000" || !res.data) {
+
+            } else {
+                debugger
+                let myDataList = [];
+                $.each(res.data, (idx, data) => {
+                    let item = {};
+                    item.position = {};
+                    if (item.device_coordinate_3d != null && isJSON(item.device_coordinate_3d)) {
+                        item.position = JSON.parse(x.device_coordinate_3d);
+                    }
+                    $.extend(item, data);
+                    myDataList.push(item);
+                })
+
+                console.log("1", myDataList)
+                setHotspotPoint(myDataList);
+                callback ? callback() : "";
+            }
+        }, null, "POST").send();
+
+    }
+
+    function setHotspotPoint(myDataList = []) {
+        console.log(myDataList)
+        getHopspotPoint(myDataList);
+    }
 </script>

Frontend/forgetTest2.html

@@ -34,6 +34,12 @@
         <button type="button" class="btn btn-secondary" onclick="openOrCloseLight()">電源</button>
         <button type="button" class="btn btn-danger" onclick="changeColorHotspot()">變更熱點顏色</button>
         <button type="button" class="btn btn-dark" onclick="loadHeatMap()">載入熱圖</button>
+        <button type="button" class="btn btn-dark" onclick="hideModel()">隱藏物件</button>
+        <button type="button" class="btn btn-dark" onclick="openModel()">顯示物件</button>
+        <button type="button" class="btn btn-dark" onclick="transparentModel()">透明化物件</button>
+        <button type="button" class="btn btn-dark" onclick="cancelTransparentModel()">取消透明物件</button>
+        <button type="button" class="btn btn-danger" onclick="proFile()">剖面</button>
+        <button type="button" class="btn btn-dark" onclick="getLevels()">取得levels</button>
         <!--<input id="lightBar" type="range" min="0" max="100" step="5" onchange="changeLightPower()">亮度-->
         <!-- <input type="range">Main Axis</input> -->
     </div>
@@ -206,15 +212,31 @@
             //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUU2JTk2JUI5JUU2JUExJTg4NF8yMDIyXzEyXzI2Lm53ZA');
 
             //12.28 三菱單層樓 + 系統
-            launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvQVJDJUU1JTk2JUFFJUU1JUIxJUE0K01FUCVFNSU4NSVBOCVFNiVBMyU5Rl83Rl9ERU1PLm53ZA');
+            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvQVJDJUU1JTk2JUFFJUU1JUIxJUE0K01FUCVFNSU4NSVBOCVFNiVBMyU5Rl83Rl9ERU1PLm53ZA');
 
+            //目前線上整棟模型
             //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUU2JTk2JUI5JUU2JUExJTg4NF8yMDIyXzEyXzI2Lm53ZA');
 
+            //單層 + 系統
+            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1pdHN1YmlzaGkvTUVQK0FSQzdGX0RFTU9fJUU1JTg5JThBJUU5JUEwJTgyXzEyMjgubndk');
+
+            //單層
+            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwQVJDJUUzJTgwJTkxMUZfREVNT18yMDIyXzEyXzI5Lm53Yw');
+
+            //MEP
+            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwTUVQJUUzJTgwJTkxXzIwMjJfMTJfMjkubndj');
+
+            //12.29 整棟
+            launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1pdHN1YmlzaGkvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDJUU5JTlCJTk5JUU5JUExJUFGXzEyMjgubndk');
 
 
             //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwQVJDJUUzJTgwJTkxXzIwMjJfMTJfMTMubndk');//new ARC
             //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwTUVQJUUzJTgwJTkxXzIwMjJfMTJfMTMubndj');//new MEP
             //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwQVJDJUUzJTgwJTkxJUU1JTg1JUE4JUU2JUEzJTlGXzIwMjJfMTJfMTMubndj');//全棟 ARC
+
+            
+
+
         });
         function move1Floor() {
             setElevatorSpeed(0.2);
@@ -319,7 +341,30 @@
             loadHeatmap();
         }
         
+        function hideModel() {
+            hideObject();
+        }
 
+        function openModel() {
+            openObject();
+        }
+
+        function transparentModel() {
+            setObjectTransparent();
+        }
+
+        function cancelTransparentModel() {
+            cancelObjectTransparent();
+        }
+
+        function getLevels() {
+            //取得levels
+            getLevelsData();
+        }
+
+        function proFile() {
+            profile();
+        }
         
 
 

Frontend/js/forge/forgemodel.js

@@ -5,6 +5,7 @@ var targetFloorZ;
 var elevatorSpeed;
 var selector = "#forgeViewer";
 let myDataList;
+var levels;//剖面用
 
 function launchViewer(urn, callback, _selector = "#forgeViewer") {
     selector = _selector;
@@ -542,192 +543,24 @@ class ADHeatMaps {
     }
 }                         
 
-async function loadHeatmaps(model) {
-    const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
 
-    //取三個空調設備的位置打點
-    const devices = [
-        //{
-        //    id: "Oficina 5",
-        //    position: { x: -4.93, y: -20.61, z: 16.86 }, // x: 0, y: 25, z: -2.5
-        //    sensorTypes: ["temperature", "humidity"]
-        //},
-        //{
-        //    id: "Oficina 4",
-        //    position: { x: 23.94, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52
-        //    sensorTypes: ["temperature", "humidity"]
-        //},
-        //{
-        //    id: "Oficina 3",
-        //    position: { x: -4.93, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52
-        //    sensorTypes: ["temperature", "humidity"]
-        //}
-        {
-            id: "Oficina 5",
-            //name: "Oficina-",
-            position: { x: 3.35, y: -4.81, z: 12.88 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
-            sensorTypes: ["temperature", "humidity"]
-        },
-        //{
-        //    id: "Oficina 4",
-        //    //name: "Oficina-",
-        //    position: { x: 37.03, y: -4.81, z: 12.88 }, // x: 0, y: 25.03, z: -2.52  (37.03, -4.81, 12.88)
-        //    sensorTypes: ["temperature", "humidity"]
-        //},
-        //{
-        //    id: "Oficina 3",
-        //    //name: "Oficina-",
-        //    position: { x: 2.83, y: -22.60, z: 12.88 }, // x: 0, y: 25.03, z: -2.52   (2.83, -22.60, 12.88)
-        //    sensorTypes: ["temperature", "humidity"]
-        //}
-    ];
-    //冷氣N5: (-4.93, -20.61, 16.86), N4: (23.94, -3.85, 16.86), N3: (-4.93, -3.85, 16.86)
 
-    // Initialize sensor values
-    let sensorVals = [];
-    for (let i = 0; i < devices.length; i++) {
-        sensorVals[i] = Math.random();
-    }
 
-    const roomDbIds = [];
-    roomDbIds.push(8181);//房間的dbid 七樓的 Room3-5 792
-    roomDbIds.push(8183);
-    roomDbIds.push(8185);
     
-    const {
-        SurfaceShadingData,
-        SurfaceShadingPoint,
-        SurfaceShadingNode,
-    } = Autodesk.DataVisualization.Core;
-
-    const shadingNode = new SurfaceShadingNode("Room Panel", roomDbIds);
-
-    devices.forEach((device) => {
-        const shadingPoint = new SurfaceShadingPoint(
-            device.id,
-            device.position,
-            device.sensorTypes
-        );
-        shadingNode.addPoint(shadingPoint);
-    });
-
-    const heatmapData = new SurfaceShadingData();
-    heatmapData.addChild(shadingNode);
-    heatmapData.initialize(model);
-
-    // Setup surface shading
-    await dataVizExtn.setupSurfaceShading(model, heatmapData);
-
-    dataVizExtn.registerSurfaceShadingColors("temperature", [0xff0000, 0x0000ff]);
-
-    function getSensorValue(device, sensorType) {
-        return sensorVals[parseInt(device.id.slice(-1)) - 1];
-    }
-
-    dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
-
-    setInterval(() => {
-        // Modify sensor values.
-        for (let i = 0; i < devices.length; i++) {
-            sensorVals[i] = Math.random();
-        }
-        dataVizExtn.updateSurfaceShading(getSensorValue);
-    }, 2000);
-}
-//------------------ end --------------------------------
-async function loadHeatmapsForFloor(model) {
-
-    const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
-
-    //x: -17.33, y: 51.03, z: -2.52
-    const devices = [
-        {
-            id: "Oficina 5",
-            //name: "Oficina-",
-            position: { x: -4.93, y: -20.61, z: 16.86 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
-            sensorTypes: ["temperature", "humidity"]
-        },
-        {
-            id: "Oficina 4",
-            //name: "Oficina-",
-            position: { x: 23.94, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (37.03, -4.81, 12.88)
-            sensorTypes: ["temperature", "humidity"]
-        },
-        {
-            id: "Oficina 3",
-            //name: "Oficina-",
-            position: { x: -4.93, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (2.83, -22.60, 12.88)
-            sensorTypes: ["temperature", "humidity"]
         }
     ];
-    //冷氣N5: (-4.93, -20.61, 16.86), N4: (23.94, -3.85, 16.86), N3: (-4.93, -3.85, 16.86)
 
-    // Initialize sensor values
-    let sensorVals = [];
-    for (let i = 0; i < devices.length; i++) {
-        sensorVals[i] = Math.random();
-    }
 
-    const roofDbIds = [];
+    // Generates `SurfaceShadingData` after assigning each device to a room.
 
-    roofDbIds.push(792);
+    const shadingData = await Autodesk.structureInfo.generateSurfaceShadingData(devices);
 
-    const {
+    // Use the resulting shading data to generate heatmap from.
-        SurfaceShadingData,
+    await dataVizExtn.setupSurfaceShading(model, shadingData);
-        SurfaceShadingPoint,
-        SurfaceShadingNode,
-    } = Autodesk.DataVisualization.Core;
 
-    const shadingNode = new SurfaceShadingNode("Roof Panel", roofDbIds);
     
-    devices.forEach((device) => {
-        const shadingPoint = new SurfaceShadingPoint(
-            device.id,
-            device.position,
-            device.sensorTypes
-        );
-        shadingNode.addPoint(shadingPoint);
-    });
 
-    const heatmapData = new SurfaceShadingData();
-    heatmapData.addChild(shadingNode);
-    heatmapData.initialize(model);
    
-    // Setup surface shading
-    await dataVizExtn.setupSurfaceShading(model, heatmapData);
-
-    //dataVizExtn.registerSurfaceShadingColors("co2", [0x00ff00, 0xff0000]);
-    dataVizExtn.registerSurfaceShadingColors("temperature", [0xff0000, 0x0000ff]);
-
-    function getSensorValue(device, sensorType) {
-        return sensorVals[parseInt(device.id.slice(-1)) - 1];
-    }
-
-    dataVizExtn.renderSurfaceShading("Roof Panel", "temperature", getSensorValue);
-
-    setInterval(() => {
-        // Modify sensor values.
-        for (let i = 0; i < devices.length; i++) {
-            sensorVals[i] = Math.random();
-        }
-        dataVizExtn.updateSurfaceShading(getSensorValue);
-    }, 2000);
-}
-
-async function changeHeatmapTemp(dbId) {
-    const model = viewer.model;
-    loadHeatmaps(model);
-}
-//
-async function loadHeatmap() {
-    const model = viewer.model;
-    loadHeatmaps(model);
-}
-
-async function loadHeatmapForFloor() {
-    const model = viewer.model;
-    loadHeatmapsForFloor(model);
-}
 
 function setTransparentBuilding() {
     //allDbIdsStr.forEach((dbId) => {
@@ -940,3 +773,229 @@ function closeHotspotModal() {
 
 }
 //------------------ end --------------------------------
+
+//------------------ 熱圖 -------------------------------
+async function loadHeatmaps(model) {
+    const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
+
+    //取三個空調設備的位置打點
+    const devices = [
+        //{
+        //    id: "Oficina 5",
+        //    position: { x: -4.93, y: -20.61, z: 16.86 }, // x: 0, y: 25, z: -2.5
+        //    sensorTypes: ["temperature", "humidity"]
+        //},
+        //{
+        //    id: "Oficina 4",
+        //    position: { x: 23.94, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52
+        //    sensorTypes: ["temperature", "humidity"]
+        //},
+        //{
+        //    id: "Oficina 3",
+        //    position: { x: -4.93, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52
+        //    sensorTypes: ["temperature", "humidity"]
+        //}
+        {
+            id: "Oficina 5",
+            //name: "Oficina-",
+            position: { x: 3.35, y: -4.81, z: 12.88 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
+            sensorTypes: ["temperature", "humidity"]
+        },
+        {
+            id: "Oficina 4",
+            //name: "Oficina-",
+            position: { x: 37.03, y: -4.81, z: 12.88 }, // x: 0, y: 25.03, z: -2.52  (37.03, -4.81, 12.88)
+            sensorTypes: ["temperature", "humidity"]
+        },
+        {
+            id: "Oficina 3",
+            //name: "Oficina-",
+            position: { x: 2.83, y: -22.60, z: 12.88 }, // x: 0, y: 25.03, z: -2.52   (2.83, -22.60, 12.88)
+            sensorTypes: ["temperature", "humidity"]
+        }
+    ];
+    //冷氣N5: (-4.93, -20.61, 16.86), N4: (23.94, -3.85, 16.86), N3: (-4.93, -3.85, 16.86)
+
+    // Initialize sensor values
+    let sensorVals = [];
+    for (let i = 0; i < devices.length; i++) {
+        sensorVals[i] = Math.random();
+    }
+
+    const roomDbIds = [];
+    roomDbIds.push(8181);//房間的dbid 七樓的 Room3-5 792
+    roomDbIds.push(8183);
+    roomDbIds.push(8185);
+
+    const {
+        SurfaceShadingData,
+        SurfaceShadingPoint,
+        SurfaceShadingNode,
+    } = Autodesk.DataVisualization.Core;
+
+    const shadingNode = new SurfaceShadingNode("Room Panel", roomDbIds);
+
+    devices.forEach((device) => {
+        const shadingPoint = new SurfaceShadingPoint(
+            device.id,
+            device.position,
+            device.sensorTypes
+        );
+        shadingNode.addPoint(shadingPoint);
+    });
+
+    const heatmapData = new SurfaceShadingData();
+    heatmapData.addChild(shadingNode);
+    heatmapData.initialize(model);
+
+    // Setup surface shading
+    await dataVizExtn.setupSurfaceShading(model, heatmapData);
+
+    dataVizExtn.registerSurfaceShadingColors("temperature", [0xff0000, 0x0000ff]);
+
+    function getSensorValue(device, sensorType) {
+        return sensorVals[parseInt(device.id.slice(-1)) - 1];
+    }
+
+    dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
+
+    setInterval(() => {
+        // Modify sensor values.
+        for (let i = 0; i < devices.length; i++) {
+            sensorVals[i] = Math.random();
+        }
+        dataVizExtn.updateSurfaceShading(getSensorValue);
+    }, 2000);
+}
+//------------------ end --------------------------------
+async function loadHeatmapsForFloor(model) {
+
+    const dataVizExtn = await viewer.loadExtension("Autodesk.DataVisualization");
+
+    //x: -17.33, y: 51.03, z: -2.52
+    const devices = [
+        {
+            id: "Oficina 5",
+            //name: "Oficina-",
+            position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
+            sensorTypes: ["temperature", "humidity"]
+        },
+        {
+            id: "Oficina 4",
+            //name: "Oficina-",
+            position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
+            sensorTypes: ["temperature", "humidity"]
+        },
+        {
+            id: "Oficina 3",
+            //name: "Oficina-",
+            position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
+            sensorTypes: ["temperature", "humidity"]
+        }
+    ];
+
+    // Initialize sensor values
+    let sensorVals = [];
+    for (let i = 0; i < devices.length; i++) {
+        sensorVals[i] = Math.random();
+    }
+
+    const roomDbIds = [];
+
+    roomDbIds.push(7567);
+
+    const {
+        SurfaceShadingData,
+        SurfaceShadingPoint,
+        SurfaceShadingNode,
+    } = Autodesk.DataVisualization.Core;
+
+    const shadingNode = new SurfaceShadingNode("Room Panel", roomDbIds);
+
+    devices.forEach((device) => {
+        const shadingPoint = new SurfaceShadingPoint(
+            device.id,
+            device.position,
+            device.sensorTypes
+        );
+        shadingNode.addPoint(shadingPoint);
+    });
+
+    const heatmapData = new SurfaceShadingData();
+    heatmapData.addChild(shadingNode);
+    heatmapData.initialize(model);
+
+    // Setup surface shading
+    await dataVizExtn.setupSurfaceShading(model, heatmapData);
+
+    //dataVizExtn.registerSurfaceShadingColors("co2", [0x00ff00, 0xff0000]);
+    dataVizExtn.registerSurfaceShadingColors("temperature", [0xff0000, 0x0000ff]);
+
+    function getSensorValue(device, sensorType) {
+        return sensorVals[parseInt(device.id.slice(-1)) - 1];
+    }
+
+    dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
+
+    setInterval(() => {
+        // Modify sensor values.
+        for (let i = 0; i < devices.length; i++) {
+            sensorVals[i] = Math.random();
+        }
+        dataVizExtn.updateSurfaceShading(getSensorValue);
+    }, 2000);
+}
+
+//
+async function loadHeatmap() {
+    const model = viewer.model;
+    loadHeatmaps(model);
+}
+
+async function loadHeatmapForFloor() {
+    const model = viewer.model;
+    loadHeatmapsForFloor(model);
+}
+
+//------------ 剖面 ----------------------
+async function getRemoteLevels() {
+    const aecData = await Autodesk.Viewing.Document.getAecModelData(this.viewer.model.getDocumentNode());
+    if (!aecData.levels) return null;
+
+    const levels2 = aecData.levels;
+    levels2.sort((a, b) => b.elevation - a.elevation);
+    return levels2;
+}
+
+async function getLevelsData() {
+    const data = await this.getRemoteLevels();
+    this.levels = data;
+    profile();
+}
+
+function getCutPlaneParam(idx, n) {
+    if (idx < 0 || !n) return;
+
+    const level = this.levels[idx];
+    if (!level) return;
+
+    const model = this.viewer.model;
+    const globalOffset = model.getData().globalOffset;
+    const units = model.getUnitString();
+    const elevRaw = Autodesk.Viewing.Private.convertUnits('ft', units, 1, level.elevation);
+
+    let d = elevRaw - globalOffset.z - 0.5;
+    if (n == 1)
+        d = -1 * d;
+
+    return new THREE.Vector4(0, 0, n, d);
+}
+
+function profile() {
+    const upperIdx = 6;
+    const upperCutPlaneParam = this.getCutPlaneParam(upperIdx, 1);
+    const lowerIdx = 7;
+    const lowerCutPlaneParam = this.getCutPlaneParam(lowerIdx, -1);
+    this.viewer.setCutPlanes([upperCutPlaneParam, lowerCutPlaneParam]);
+}
+//----------------- end -----------------------------------------------

Frontend/js/forge/modeltest.js

@@ -9,6 +9,7 @@ var myDataList;
 var viewableData;
 var dataVizExtn;
 var spriteColorRed;
+var levels;//剖面用
 
 function launchViewer(urn) {
     var av = Autodesk.Viewing;
@@ -547,12 +548,12 @@ async function addHotPoint(data) {
     //    event.hasStopped = true;
 
     //    const viewablesToUpdate = [event.dbId];
-    //    dataVizExtn.invalidateViewables(viewablesToUpdate, (viewable) => {
+        //dataVizExtn.invalidateViewables(viewablesToUpdate, (viewable) => {
-    //        return {
+        //    return {
-    //            scale: 1.0, // Restore the viewable size
+        //        scale: 1.0, // Restore the viewable size
-    //            url: "https://.../circle.svg",
+        //        //url: "https://.../circle.svg",
-    //        };
+        //    };
-    //    });
+        //});
     //}
     
     //function onSpriteHovering(event) {
@@ -709,7 +710,7 @@ function setTransparentBuilding() {
     //})
 
     for (var i = 0; i < allDbIdsStr.length; i++) {
-        setTransparency(parseInt(allDbIdsStr[i]) , 0.2);
+        setTransparency(parseInt(allDbIdsStr[i]) , 0);
     }
 
 }
@@ -1068,19 +1069,19 @@ async function loadHeatmaps(model) {
         {
             id: "Oficina 5",
             //name: "Oficina-",
-            position: { x: -4.93, y: -20.61, z: 16.86 }, // x: 0, y: 25, z: -2.5      (3.35, -4.81, 12.88
+            position: { x: 6.98, y: -19.00, z: 16.86 }, // x: 0, y: 25, z: -2.5      (-4.93, -20.61, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
             id: "Oficina 4",
             //name: "Oficina-",
-            position: { x: 23.94, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (37.03, -4.81, 12.88)
+            position: { x: 35.85, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52  (23.94, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         },
         {
             id: "Oficina 3",
             //name: "Oficina-",
-            position: { x: -4.93, y: -3.85, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (2.83, -22.60, 12.88)
+            position: { x: 6.98, y: -2.24, z: 16.86 }, // x: 0, y: 25.03, z: -2.52   (-4.93, -3.85, 16.86)
             sensorTypes: ["temperature", "humidity"]
         }
 
@@ -1103,7 +1104,7 @@ async function loadHeatmaps(model) {
         //    sensorTypes: ["temperature", "humidity"]
         //}
     ];
-    //冷氣N5: (-4.93, -20.61, 16.86), N4: (23.94, -3.85, 16.86), N3: (-4.93, -3.85, 16.86)
+    //冷氣N5: (6.98, -19.00, 16.86), N4: (35.85, -2.24, 16.86), N3: (6.98, -2.24, 16.86)
 
     // Initialize sensor values
     let sensorVals = [];
@@ -1118,20 +1119,20 @@ async function loadHeatmaps(model) {
 
     // Retrive all dbIds that compose the stadium roof.
     const it = viewer.model.getInstanceTree();
-    const roofDbIds = [];
+    const roomDbIds = [];
 
     //it.enumNodeChildren(
     //    5027,//4239
     //    (id) => {
     //        if (it.getNodeName(id) == "【ARC】【樓板】RC") {//【ARC】【樓板】RC 樓板
-    //            roofDbIds.push(id);
+    //            roomDbIds.push(id);
     //        }
     //    },
     //    true
     //);
-    roofDbIds.push(792);//5113 834 838 8106 8177 792 8181
+    roomDbIds.push(7567);//5113 834 838 8106 8177 792 8181
-    //roofDbIds.push(8183);
+    //roomDbIds.push(8183);
-    //roofDbIds.push(8185);
+    //roomDbIds.push(8185);
 
     const {
         SurfaceShadingData,
@@ -1139,7 +1140,7 @@ async function loadHeatmaps(model) {
         SurfaceShadingNode,
     } = Autodesk.DataVisualization.Core;
 
-    const shadingNode = new SurfaceShadingNode("Roof Panel", roofDbIds);
+    const shadingNode = new SurfaceShadingNode("Room Panel", roomDbIds);
 
     devices.forEach((device) => {
         const shadingPoint = new SurfaceShadingPoint(
@@ -1168,7 +1169,7 @@ async function loadHeatmaps(model) {
         return sensorVals[parseInt(device.id.slice(-1)) - 1];
     }
 
-    dataVizExtn.renderSurfaceShading("Roof Panel", "temperature", getSensorValue);
+    dataVizExtn.renderSurfaceShading("Room Panel", "temperature", getSensorValue);
 
     setInterval(() => {
         // Modify sensor values.
@@ -1224,3 +1225,170 @@ async function loadHeatmap() {
     const model = viewer.model;
     loadHeatmaps(model);
 }
+
+function hideObject() {
+    //viewer.hide(4);
+    //viewer.hide(58);
+    //viewer.hide(613);
+    //viewer.hide(640);
+    //viewer.hide(560);
+
+    for (var i = 0; i < allDbIdsStr.length; i++) {
+        viewer.hide(parseInt(allDbIdsStr[i]));
+    }
+}
+
+function openObject() {
+    //viewer.show(4);
+    //viewer.show(58);
+    //viewer.show(613);
+    //viewer.show(640);
+    //viewer.show(560);
+
+    for (var i = 0; i < allDbIdsStr.length; i++) {
+        viewer.show(parseInt(allDbIdsStr[i]));
+    }
+}
+
+async function setObjectTransparent() {
+    //setTransparency(4, 0);
+    //setTransparency(58, 0);
+    //setTransparency(613, 0);
+    //setTransparency(640, 0);
+    //setTransparency(560, 0);
+    //setTransparency(parseInt(515), 0);
+
+    //for (var i = 0; i < allDbIdsStr.length; i++) {
+    //    setTransparency(parseInt(allDbIdsStr[i]), 0);
+    //}
+
+    //setTransparency(parseInt(515), 0);
+    //setTransparency(parseInt(516), 0);
+    //setTransparency(parseInt(517), 0);
+    //setTransparency(parseInt(518), 0);
+    //setTransparency(parseInt(519), 0);
+    //setTransparency(parseInt(399), 0);
+    //setTransparency(parseInt(101), 0);
+    //setTransparency(parseInt(100), 0);
+    //setTransparency(parseInt(58), 0);
+
+    //setTransparency(parseInt(587), 0);
+    //setTransparency(parseInt(586), 0);
+    //setTransparency(parseInt(585), 0);
+    //setTransparency(parseInt(584), 0);
+    //setTransparency(parseInt(583), 0);
+    //setTransparency(parseInt(562), 0);
+    //setTransparency(parseInt(361), 0);
+
+    //test();
+    //hideColor(587);
+    //hideColor(586);
+    //hideColor(585);
+    //hideColor(584);
+    //hideColor(583);
+    //hideColor(562);
+    //hideColor(361);
+
+    setTransparentBuilding();
+
+}
+
+async function cancelObjectTransparent() {
+    //setTransparency(4, 1);
+    //setTransparency(58, 1);
+    //setTransparency(613, 1);
+    //setTransparency(640, 1);
+    //setTransparency(560, 1);
+    //for (var i = 0; i < allDbIdsStr.length; i++) {
+    //    setTransparency(parseInt(allDbIdsStr[i]), 1);
+    //}
+
+    //setTransparency(515, 0.2);
+    //setTransparency(516, 0.2);
+    //setTransparency(517, 0.2);
+    //setTransparency(518, 0.2);
+    //setTransparency(519, 0.2);
+    //setTransparency(399, 0.2);
+    //setTransparency(101, 0.2);
+    //setTransparency(100, 0.2);
+    //setTransparency(58, 0.2);
+
+    recoverTransparentBuilding();
+
+}
+
+async function test() {
+    var model = viewer.model;
+    var nodeId = 560;
+
+    var fragList = viewer.model.getFragmentList();
+
+    var fragIds = []
+
+    model.getData().instanceTree.enumNodeFragments(
+        nodeId, (fragId) => {
+            fragIds.push(fragId)
+        });
+
+    fragIds.forEach((fragId) => {
+        //获取材质
+        var material = fragList.getMaterial(fragId);
+
+        if (material) {
+            //设置透明度
+            material.opacity = 0.5;
+            material.transparent = true;
+            //标记更新
+            material.needsUpdate = true
+        }
+    })
+
+    //更新viewer
+    viewer.impl.invalidate(true, true, true)
+    
+}
+
+
+//------------ 剖面 ----------------------
+async function getRemoteLevels() {
+    const aecData = await Autodesk.Viewing.Document.getAecModelData(this.viewer.model.getDocumentNode());
+    if (!aecData.levels) return null;
+
+    const levels = aecData.levels;
+    levels.sort((a, b) => b.elevation - a.elevation);
+    return levels;
+}
+
+async function getLevelsData() {
+    const data = await this.getRemoteLevels();
+    this.levels = data;
+}
+
+//function getCutPlaneParam(idx, n) {
+//    if (idx < 0 || !n) return;
+
+//    const level = this.levels[idx];
+//    if (!level) return;
+
+//    //const precision = Autodesk.Viewing.Private.calculatePrecision( level.elevation  );
+//    const model = this.viewer.model;
+//    const globalOffset = model.getData().globalOffset;
+//    const units = model.getUnitString();
+//    const elevRaw = Autodesk.Viewing.Private.convertUnits('ft', units, 1, level.elevation);
+
+//    let d = elevRaw - globalOffset.z - 0.5;
+//    if (n == 1)
+//        d = -1 * d;
+
+//    return new THREE.Vector4(0, 0, n, d);
+//}
+
+
+function profile() {
+    const upperIdx = 6;
+    const upperCutPlaneParam = this.getCutPlaneParam(upperIdx, 1);
+    const lowerIdx = 7;
+    const lowerCutPlaneParam = this.getCutPlaneParam(lowerIdx, -1);
+    this.viewer.setCutPlanes([upperCutPlaneParam, lowerCutPlaneParam]);
+}
+//----------------- end -----------------------------------------------