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/267/273/345/212/240/346/240/207/347/255/276/344/272/213/344/273/266/347/202/271/345/207/273/350/216/267/345/217/226/345/261/236/346/200/247.html CHANGED Viewed

@@ -5,27 +5,17 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -40,10 +30,10 @@
           // viewerType: "model",
           elementId: "viewer",
           //
-          modelService: "https://static.graphicstone.com/modelApi",
-          fileService: "https://static.graphicstone.com/fileApi",
+          modelService: "https://static.belife-bim.com/modelApi",
+          fileService: "https://static.belife-bim.com/fileApi",
         };
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
           () => {
             let viewer = new BimAir.Viewer(options);
             viewer

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/267/273/345/212/240/351/274/240/346/240/207/344/272/213/344/273/266/350/216/267/345/217/226/346/250/241/345/236/213.html CHANGED Viewed

@@ -2,28 +2,18 @@
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>构件选择与定位</title>
+    <title>添加鼠标事件获取模型</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      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>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
   </head>
   <body>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -37,10 +27,10 @@
         // viewerType: "model",
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
-      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
         () => {
           let viewer = new BimAir.Viewer(options);

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

@@ -1,160 +1,156 @@
 <!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>
-            <button onclick="changeLocation()">更改标签位置</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="addTextLabel()">添加文本标签</button>
+        <button onclick="changeLocation()">更改标签位置</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 = [];
-        let p_new = [380076.313, 39099.805, 3236.421];
-        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 = [];
+      let p_new = [380076.313, 39099.805, 3236.421];
+      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() {
-            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)
-            //右键按下时禁用标签方法
-            this.viewer.onLButtonDown.add(() => (
-                labelDisable
-            ));
-            //右键放开时启用标签方法
-            this.viewer.onLButtonUp.add(() => (
-                labelEnable
-            ));
         }
+      );
+      function addTextLabel() {
+        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);
-        function labelDisable(sender, event) {
-            labelArr.forEach((div, i) => {
-                labelArr[i].style.pointerEvents = "none";
-            });
-        }
+        positionList = labelList.map((item) => item.position);
-        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);
-        function changeLocation(){
-            console.log(labelList);
-            labelList[0].position = p_new;
-            console.log(labelList[0].position);
-            positionList = labelList.map(item => item.position);
-            this.viewer.updateDisplay();
-        }
+        //右键放开时启用标签方法
+        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";
+        });
+      }
+      function changeLocation() {
+        console.log(labelList);
+        labelList[0].position = p_new;
+        console.log(labelList[0].position);
+        positionList = labelList.map((item) => item.position);
+        this.viewer.updateDisplay();
+      }
     </script>
-</body>
-</html>
+  </body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//350/247/206/347/202/271/347/256/241/347/220/206.html CHANGED Viewed

@@ -1,111 +1,116 @@
 <!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="getViews()">获取视点</button> -->
-            <button onclick="addView1()">添加视点1</button>
-            <button onclick="addView2()">添加视点2</button>
-            <button onclick="deleteView()">删除视点</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="getViews()">获取视点</button>
+        <button onclick="addView1()">添加视点1</button>
+        <button onclick="addView2()">添加视点2</button>
+        <button onclick="deleteView()">删除视点</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",
-            id: "6253e9d6b0545a0a6e49bf85",
-            modelService: "https://static.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
-        };
-        let id = "632273cbbc278049a0898a0e";
-        let model1 = "632273cfbc278049a0898a12";
-        let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
-        let viewer;
-        let lightModels;
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-            this.viewer.loadModels([id, model1]).then((lightModels) => {
-                this.viewer.fitWorld();
-            })
-        })
-        function getViews() {
-            let views = this.viewer.panelManager.viewPointPanel.getViewPoints();
-            console.log(views);
-        }
-        function addView1() {
-            this.viewer.panelManager.viewPointPanel.addViewPoint("new1");
-        }
-        function addView2() {
-            this.viewer.panelManager.viewPointPanel.addViewPoint("new2");
-        }
-        function deleteView() {
-            this.viewer.panelManager.viewPointPanel.getViewPoints().then(() => {
-                this.viewer.panelManager.viewPointPanel.deleteViewPoint(2);
-            });
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        id: "6253e9d6b0545a0a6e49bf85",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let id = "632273cbbc278049a0898a0e";
+      let model1 = "632273cfbc278049a0898a12";
+      let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+      let viewer;
+      let lightModels;
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer.loadModels([id, model1]).then((lightModels) => {
+            this.viewer.fitWorld();
+          });
         }
+      );
+      function getViews() {
+        this.viewer.panelManager.viewPointPanel
+          .getViewPoints()
+          .then((viewPoints) => {
+            console.log("views", viewPoints);
+          });
+      }
+      function addView1() {
+        this.viewer.panelManager.viewPointPanel.addViewPoint("new1");
+      }
+      function addView2() {
+        this.viewer.panelManager.viewPointPanel.addViewPoint("new2");
+      }
+      function deleteView() {
+        this.viewer.panelManager.viewPointPanel
+          .getViewPoints()
+          .then((viewPoints) => {
+            alert("删除视点：" + viewPoints[0].name);
+            this.viewer.panelManager.viewPointPanel.deleteViewPointById(
+              viewPoints[0].id
+            );
+          });
+      }
     </script>
-</body>
+  </body>
+</html>