npm - gs-bim-air - Versions diffs - 2.0.0-beta.4 → 2.0.0-beta.7 - Mend

gs-bim-air 2.0.0-beta.4 → 2.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/265/213/351/207/217/351/253/230/347/250/213.html CHANGED Viewed

@@ -1,187 +1,183 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>测量高程</title>
-    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
     <script src="https://static.graphicstone.com/vue.min.js"></script>
     <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
-    </link>
-</head>
+  </head>
-<body>
+  <body>
     <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            height: 100vh;
-            position: relative;
-        }
-        button {
-            margin: 20px 20px 20px 20px;
-            width: 120px;
-            height: 40px;
-            border-radius: 3px;
-            border: none;
-            background: #006fe4;
-            color: #FFFFFF;
-            outline: none;
-        }
-        .button-group {
-            position: absolute;
-            z-index: 100;
-            top: 5px;
-            left: 70px;
-        }
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100vh;
+      }
+      #app {
+        height: 100vh;
+        position: relative;
+      }
+      button {
+        margin: 20px 20px 20px 20px;
+        width: 120px;
+        height: 40px;
+        border-radius: 3px;
+        border: none;
+        background: #006fe4;
+        color: #ffffff;
+        outline: none;
+      }
+      .button-group {
+        position: absolute;
+        z-index: 100;
+        top: 5px;
+        left: 70px;
+      }
     </style>
     <div id="app">
-        <div class="button-group">
-            <button onclick="choosing()">选择高程点</button>
-            <button onclick="addTextLabel()">测量</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="choosing()">选择高程点</button>
+        <button onclick="addTextLabel()">测量</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
     <script type="text/javascript">
-        new Vue({
-            el: '#app',
-        });
-        let options = {
-            // viewerType: "model",
-            elementId: "viewer",
-            modelService: "https://static.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
-        }
-        let id = "632273cbbc278049a0898a0e";
-        let model3 = "632273cfbc278049a0898a12";
-        let model4 = "63227488bc278049a0898a89";
-        let positionList;
-        let labelArr = [];
-        let point;
-        let point2;
-        let ObjectPreSelector;
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-            this.viewer.loadModels([id, model3, model4]).then((lightModels) => {
-                this.lightModels = lightModels;
-                this.viewer.fitWorld();
-                this.viewer.onLButtonDown.add(this.test);
-                // this.viewer.updateDisplay();
-            });
-        })
-        function test(sender, e) {
-            // let componentSelector = e.viewer.operatorManager.find("ComponentSelector");
-            // console.log(componentSelector);
-            // console.log(e);  // ViewerEvent {viewer: Viewer, uiEvent: MouseEvent}
-            // console.log(sender);   // viewer
-            point = e.mousePixelPos();      // mouseWorldPos();
-            point2 = BimAir.LonganCore.JS_Compute_Coordinates_By_Key(this.viewer.sceneKey, "pixels", point, "world");
-            // console.log(point);
-            // this.viewer.operatorManager.clear();
-            // let objectSelector = e.viewer.operatorManager.find("ObjectPreSelector");
-            ObjectPreSelector = new BimAir.Longan.ObjectPreSelector();
-            // point2 = ObjectPreSelector.clickPos;
-            // console.log(ObjectPreSelector);
-            // console.log(point2);
-        }
-        function choosing() {
-            this.viewer.operatorManager.clear();
-            this.viewer.onLButtonDown.add(test);
-            //  this.viewer.onLButtonDown.delete(componentSelector);
-        }
-        function addTextLabel() {
-            this.viewer.operatorManager.clear();
-            this.viewer.operatorManager.add(new BimAir.Longan.CameraMouse());
-            let text = "高度：" + point2[2] + 'm';
-            labelList = [{
-                properties: text,
-                position: point2
-            }];
-            // console.log(point[2]);
-            let bimAir = document.getElementsByClassName("viewer-wrp")[0];
-            labelList.forEach((item, index) => {
-                let div = document.createElement("div");
-                // let text = document.createTextNode('location');
-                // div.appendChild(text);
-                div.style.position = "absolute";
-                div.style.width = "10px";
-                div.style.height = "10px";
-                div.style.background = "#FF0055";
-                // div.style.padding = "5px";
-                // div.style.border = "medium solid #000000";  // 边框 ,thin, medium, thick, length
-                div.style.opacity = 0.5;  // 透明度
-                div.addEventListener("click", () => {
-                    alert(labelList[index].properties)
-                })
-                bimAir.appendChild(div);
-                labelArr.push(div);
-            })
-            // console.log(bimAir);
-            positionList = labelList.map(item => item.position);
-            console.log(positionList);
-            // 在视图刷新事件里添加更新标签的方法
-            this.viewer.sceneCameraChanged.add(updateLabels);
-            // 移除更新标签的方法
-            // viewer.sceneCameraChanged.remove(updateLabels)
-            //右键按下时禁用标签方法
-            this.viewer.onLButtonDown.add(() => (
-                labelDisable
-            ));
-            //右键放开时启用标签方法
-            this.viewer.onLButtonUp.add(() => (
-                labelEnable
-            ));
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let id = "632273cbbc278049a0898a0e";
+      let model3 = "632273cfbc278049a0898a12";
+      let model4 = "63227488bc278049a0898a89";
+      let positionList;
+      let labelArr = [];
+      let point;
+      let point2;
+      let ObjectPreSelector;
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer.loadModels([id, model3, model4]).then((lightModels) => {
+            this.lightModels = lightModels;
+            this.viewer.fitWorld();
+            this.viewer.onLButtonDown.add(this.test);
+            // this.viewer.updateDisplay();
+          });
         }
+      );
+      function test(sender, e) {
+        // let componentSelector = e.viewer.operatorManager.find("ComponentSelector");
+        // console.log(componentSelector);
+        // console.log(e);  // ViewerEvent {viewer: Viewer, uiEvent: MouseEvent}
+        // console.log(sender);   // viewer
+        point = e.mousePixelPos(); // mouseWorldPos();
+        point2 = BimAir.LonganCore.JS_Compute_Coordinates_By_Key(
+          this.viewer.sceneKey,
+          "pixels",
+          point,
+          "world"
+        );
+        // console.log(point);
+        // this.viewer.operatorManager.clear();
+        // let objectSelector = e.viewer.operatorManager.find("ObjectPreSelector");
+        ObjectPreSelector = new BimAir.Longan.ObjectPreSelector();
+        // point2 = ObjectPreSelector.clickPos;
+        // console.log(ObjectPreSelector);
+        // console.log(point2);
+      }
+      function choosing() {
+        this.viewer.operatorManager.clear();
+        this.viewer.onLButtonDown.add(test);
+        //  this.viewer.onLButtonDown.delete(componentSelector);
+      }
+      function addTextLabel() {
+        this.viewer.operatorManager.clear();
+        this.viewer.operatorManager.add(new BimAir.Longan.CameraMouse());
+        let text = "高度：" + point2[2] + "m";
+        labelList = [
+          {
+            properties: text,
+            position: point2,
+          },
+        ];
+        // console.log(point[2]);
+        let bimAir = document.getElementsByClassName("viewer-wrp")[0];
+        labelList.forEach((item, index) => {
+          let div = document.createElement("div");
+          // let text = document.createTextNode('location');
+          // div.appendChild(text);
+          div.style.position = "absolute";
+          div.style.width = "10px";
+          div.style.height = "10px";
+          div.style.background = "#FF0055";
+          // div.style.padding = "5px";
+          // div.style.border = "medium solid #000000";  // 边框 ,thin, medium, thick, length
+          div.style.opacity = 0.5; // 透明度
+          div.addEventListener("click", () => {
+            alert(labelList[index].properties);
+          });
+          bimAir.appendChild(div);
+          labelArr.push(div);
+        });
+        // console.log(bimAir);
-        function labelDisable(sender, event) {
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.pointerEvents = "none";
-            });
-        }
+        positionList = labelList.map((item) => item.position);
+        console.log(positionList);
-        function labelEnable(sender, event) {
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.pointerEvents = "auto";
-            });
-        }
+        // 在视图刷新事件里添加更新标签的方法
+        this.viewer.sceneCameraChanged.add(updateLabels);
+        // 移除更新标签的方法
+        // viewer.sceneCameraChanged.remove(updateLabels)
-        function updateLabels() {
-            let pixelPos = viewer.worldPointToPixelPoint(positionList);
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.left = pixelPos[i][0] + "px";
-                labelArr[i].style.top = pixelPos[i][1] + "px";
+        //右键按下时禁用标签方法
+        this.viewer.onLButtonDown.add(() => labelDisable);
-            })
-        }
+        //右键放开时启用标签方法
+        this.viewer.onLButtonUp.add(() => labelEnable);
+      }
+      function labelDisable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "none";
+        });
+      }
+      function labelEnable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "auto";
+        });
+      }
+      function updateLabels() {
+        let pixelPos = viewer.worldPointToPixelPoint(positionList);
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.left = pixelPos[i][0] + "px";
+          labelArr[i].style.top = pixelPos[i][1] + "px";
+        });
+      }
     </script>
-</body>
-</html>
+  </body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/267/273/345/212/240/346/226/207/346/234/254/346/240/207/347/255/276.html CHANGED Viewed

@@ -1,150 +1,146 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>添加文本标签</title>
-    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
     <script src="https://static.graphicstone.com/vue.min.js"></script>
     <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
-    </link>
-</head>
+  </head>
-<body>
+  <body>
     <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            height: 100vh;
-            position: relative;
-        }
-        button {
-            margin: 20px 20px 20px 20px;
-            width: 120px;
-            height: 40px;
-            border-radius: 3px;
-            border: none;
-            background: #006fe4;
-            color: #FFFFFF;
-            outline: none;
-        }
-        .button-group {
-            position: absolute;
-            z-index: 100;
-            top: 5px;
-            left: 70px;
-        }
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100vh;
+      }
+      #app {
+        height: 100vh;
+        position: relative;
+      }
+      button {
+        margin: 20px 20px 20px 20px;
+        width: 120px;
+        height: 40px;
+        border-radius: 3px;
+        border: none;
+        background: #006fe4;
+        color: #ffffff;
+        outline: none;
+      }
+      .button-group {
+        position: absolute;
+        z-index: 100;
+        top: 5px;
+        left: 70px;
+      }
     </style>
     <div id="app">
-        <div class="button-group">
-            <button onclick="addTextLabel()">添加文本标签</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="addTextLabel()">添加文本标签</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
     <script type="text/javascript">
-        new Vue({
-            el: '#app',
-        });
-        let options = {
-            // viewerType: "model",
-            elementId: "viewer",
-            modelService: "https://static.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
-        }
-        let model2 = "63228db5b1decf1fc6a353b3";
-        let model3 = "63228dd7b1decf1fc6a353cb";
-        let model4 = "63228e04b1decf1fc6a3540d";
-        let positionList;
-        let labelArr = [];
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-            this.viewer.loadModels([model2, model3, model4]).then((lightModels) => {
-                this.lightModels = lightModels;
-                this.viewer.fitWorld();
-                // this.viewer.updateDisplay();
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let model2 = "63228db5b1decf1fc6a353b3";
+      let model3 = "63228dd7b1decf1fc6a353cb";
+      let model4 = "63228e04b1decf1fc6a3540d";
+      let positionList;
+      let labelArr = [];
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer
+            .loadModels([model2, model3, model4])
+            .then((lightModels) => {
+              this.lightModels = lightModels;
+              this.viewer.fitWorld();
+              // this.viewer.updateDisplay();
             });
-        })
-        function addTextLabel() {
-            let labelList = [{
-                properties: "标记点",
-                position: [380222.688, 39141.488, 3240.095]
-            }];
-            let bimAir = document.getElementsByClassName("viewer-wrp")[0];
-            labelList.forEach((item, index) => {
-                let div = document.createElement("div");
-                let text = document.createTextNode('location');
-                div.appendChild(text);
-                div.style.position = "absolute";
-                div.style.width = "70px";
-                div.style.height = "20px";
-                div.style.background = "#00FF00";
-                // div.style.padding = "5px";
-                div.style.border = "medium solid #000000";  // 边框 ,thin, medium, thick, length
-                // div.style.opacity = 0.5;  // 透明度
-                div.addEventListener("click", () => {
-                    alert(labelList[index].properties)
-                })
-                bimAir.appendChild(div);
-                labelArr.push(div);
-            })
-            console.log(bimAir);
-            positionList = labelList.map(item => item.position);
-            // 在视图刷新事件里添加更新标签的方法
-            this.viewer.sceneCameraChanged.add(updateLabels);
-            // 移除更新标签的方法
-            // viewer.sceneCameraChanged.remove(updateLabels)
+        }
+      );
+      function addTextLabel() {
+        let labelList = [
+          {
+            properties: "标记点",
+            position: [380222.688, 39141.488, 3240.095],
+          },
+        ];
+        let bimAir = document.getElementsByClassName("viewer-wrp")[0];
+        labelList.forEach((item, index) => {
+          let div = document.createElement("div");
+          let text = document.createTextNode("location");
+          div.appendChild(text);
+          div.style.position = "absolute";
+          div.style.width = "70px";
+          div.style.height = "20px";
+          div.style.background = "#00FF00";
+          // div.style.padding = "5px";
+          div.style.border = "medium solid #000000"; // 边框 ,thin, medium, thick, length
+          // div.style.opacity = 0.5;  // 透明度
+          div.addEventListener("click", () => {
+            alert(labelList[index].properties);
+          });
+          bimAir.appendChild(div);
+          labelArr.push(div);
+        });
+        console.log(bimAir);
-            //右键按下时禁用标签方法
-            this.viewer.onLButtonDown.add(() => (
-                labelDisable
-            ));
+        positionList = labelList.map((item) => item.position);
-            //右键放开时启用标签方法
-            this.viewer.onLButtonUp.add(() => (
-                labelEnable
-            ));
+        // 在视图刷新事件里添加更新标签的方法
+        this.viewer.sceneCameraChanged.add(updateLabels);
+        // 移除更新标签的方法
+        // viewer.sceneCameraChanged.remove(updateLabels)
-        }
+        //右键按下时禁用标签方法
+        this.viewer.onLButtonDown.add(() => labelDisable);
-        function labelDisable(sender, event) {
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.pointerEvents = "none";
-            });
-        }
+        //右键放开时启用标签方法
+        this.viewer.onLButtonUp.add(() => labelEnable);
+      }
-        function labelEnable(sender, event) {
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.pointerEvents = "auto";
-            });
-        }
-        function updateLabels() {
-            let pixelPos = viewer.worldPointToPixelPoint(positionList);
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.left = pixelPos[i][0] + "px";
-                labelArr[i].style.top = pixelPos[i][1] + "px";
-            })
-        }
+      function labelDisable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "none";
+        });
+      }
+      function labelEnable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "auto";
+        });
+      }
+      function updateLabels() {
+        let pixelPos = viewer.worldPointToPixelPoint(positionList);
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.left = pixelPos[i][0] + "px";
+          labelArr[i].style.top = pixelPos[i][1] + "px";
+        });
+      }
     </script>
-</body>
-</html>
+  </body>
+</html>