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//346/250/241/345/236/213/346/223/215/344/275/234//346/212/225/345/275/261/346/226/271/345/274/217/345/217/230/346/215/242.html ADDED Viewed

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>投影变换</title>
+    <!-- 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>
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="funChangeView()">正交投影</button>
+        <button onclick="funChangeView()">透视投影</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: "http://8.134.85.254:9036/api",
+        fileService: "http://8.134.85.254:9040/api",
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = true;
+      let tag_visible = true;
+      let tag_color = 118;
+      //let bangonglouModelId = "62ba4f503a591513fe17d930";
+      let zhongyuModelId = "62e35bb4525bed6af87fb26c";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          let zhongyuModelId = "62e35bb4525bed6af87fb26c";
+          viewer.loadModels([zhongyuModelId]).then((resLightModels) => {
+            viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+            lightModels = resLightModels;
+            viewer.updateDisplay();
+          });
+        }
+      );
+      function funChangeView() {
+        if (tag_view) {
+          // viewer.updateType = BimAir.Longan.UpdateType.Synchronization; //正交投影
+          viewer.camera.projection = BimAir.Longan.ProjectionType.Orthographic;
+          tag_view = !tag_view;
+          viewer.updateDisplay();
+          viewer.fitWorld();
+          console.log("Synchronization");
+        } else {
+          // viewer.updateType = BimAir.Longan.UpdateType.Asynchronization;
+          viewer.camera.projection = BimAir.Longan.ProjectionType.Perspective;
+          tag_view = !tag_view;
+          viewer.updateDisplay();
+          viewer.fitWorld();
+          console.log("Asynchronization");
+        }
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//346/230/276/347/244/272/347/233/270/346/234/272/345/217/202/346/225/260.html CHANGED Viewed

@@ -1,135 +1,142 @@
-<head>
-    <meta charset="UTF-8">
+<!DOCTYPE html>
+<html lang="en">
+  <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: 180px;
-			height: 40px;
-			border-radius: 3px;
-			border: none;
-			background: #0066ffe4;
-			color: #FFFFFF;
-			outline: none;
-			position: absolute;
-			z-index:100;
-			top:25px;
-			left:100px;
-			margin: auto;
-		}
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100vh;
+      }
+      #app {
+        height: 100vh;
+        position: relative;
+      }
+      button {
+        margin: 20px 20px 20px 20px;
+        width: 180px;
+        height: 40px;
+        border-radius: 3px;
+        border: none;
+        background: #0066ffe4;
+        color: #ffffff;
+        outline: none;
+        position: absolute;
+        z-index: 100;
+        top: 25px;
+        left: 100px;
+        margin: auto;
+      }
     </style>
     <div id="app">
-        <!-- <div id="viewer">
+      <!-- <div id="viewer">
         </div> -->
-        <div class="button-group">
-            <button  onclick="funGetView()">显示模型视角参数</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="funGetView()">显示模型视角参数</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: "http://8.134.85.254:9036/api",
-            fileService: "http://8.134.85.254:9040/api",
-        };
-		let home_cameraView = {
-		position: new Float64Array([47.17493348840205, -80.08997132883879, 24.0318348294697]),
-        target: new Float64Array([-85.72613400929843, 90.2933317530632, -48.9778287884545]),
-        up: new Float64Array([-0.19687114683779236, 0.2523949349039173, 0.9473851109119353]),
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        id: "6253e9d6b0545a0a6e49bf85",
+        modelService: "http://8.134.85.254:9036/api",
+        fileService: "http://8.134.85.254:9040/api",
+      };
+      let home_cameraView = {
+        position: new Float64Array([
+          47.17493348840205, -80.08997132883879, 24.0318348294697,
+        ]),
+        target: new Float64Array([
+          -85.72613400929843, 90.2933317530632, -48.9778287884545,
+        ]),
+        up: new Float64Array([
+          -0.19687114683779236, 0.2523949349039173, 0.9473851109119353,
+        ]),
         height: 228.08677009579034,
         width: 228.08677009579034,
-		};
-		let cameraView={
+      };
+      let cameraView = {
         position: new Float64Array([0, 0, 0]),
         target: new Float64Array([0, 0, 0]),
         up: new Float64Array([0, 0, 0]),
         height: 0,
         width: 0,
-        };
-        let viewer;
-        let lightModels;
-		let tag_view=false;
-		//let bangonglouModelId = "62bd06f903225b3400fa4a1a";
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-			//viewer.isUpdateTt = true;
-			let bangonglouModelId = "62e35430525bed6af87fb12c";
-            this.viewer.loadModels([bangonglouModelId]).then((lightModels) => {
-                this.lightModels = lightModels;
-				this.viewer.camera.position = home_cameraView.position;
-                this.viewer.camera.target = home_cameraView.target;
-				this.viewer.camera.up = home_cameraView.up;
-				this.viewer.camera.setField(home_cameraView.width, home_cameraView.height);
-				this.viewer.updateDisplay();
-            });
-        })
-        function funGetView() {
-            cameraView.position = this.viewer.camera.position;
-			cameraView.target = this.viewer.camera.target;
-			cameraView.up = this.viewer.camera.up;
-			cameraView.height = this.viewer.camera.height;
-			cameraView.width = this.viewer.camera.width;
-			console.log("out@@@@@@@@@@@", cameraView);
-			console.log("out@@@@@camera", this.viewer.camera);
-			alert(JSON.stringify(cameraView));
-			tag_view = true;
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = false;
+      //let bangonglouModelId = "62bd06f903225b3400fa4a1a";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          //viewer.isUpdateTt = true;
+          let bangonglouModelId = "62e35430525bed6af87fb12c";
+          this.viewer.loadModels([bangonglouModelId]).then((lightModels) => {
+            this.lightModels = lightModels;
+            this.viewer.camera.position = home_cameraView.position;
+            this.viewer.camera.target = home_cameraView.target;
+            this.viewer.camera.up = home_cameraView.up;
+            this.viewer.camera.setField(
+              home_cameraView.width,
+              home_cameraView.height
+            );
+            this.viewer.updateDisplay();
+          });
         }
-        function funRtnView() {
-           if (this.tag_view) {
-				this.viewer.camera.position = this.cameraView.position;
-				this.viewer.camera.target = this.cameraView.target;
-				this.viewer.camera.up = this.cameraView.up;
-				this.viewer.camera.setField(this.cameraView.width, this.cameraView.height);
-				this.viewer.updateDisplay();
-			} else {
-				alert("尚未锁定视角");
-			}
+      );
+      function funGetView() {
+        cameraView.position = this.viewer.camera.position;
+        cameraView.target = this.viewer.camera.target;
+        cameraView.up = this.viewer.camera.up;
+        cameraView.height = this.viewer.camera.height;
+        cameraView.width = this.viewer.camera.width;
+        console.log("out@@@@@@@@@@@", cameraView);
+        console.log("out@@@@@camera", this.viewer.camera);
+        alert(JSON.stringify(cameraView));
+        tag_view = true;
+      }
+      function funRtnView() {
+        if (this.tag_view) {
+          this.viewer.camera.position = this.cameraView.position;
+          this.viewer.camera.target = this.cameraView.target;
+          this.viewer.camera.up = this.cameraView.up;
+          this.viewer.camera.setField(
+            this.cameraView.width,
+            this.cameraView.height
+          );
+          this.viewer.updateDisplay();
+        } else {
+          alert("尚未锁定视角");
         }
+      }
     </script>
-</body>
-</html>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//350/216/267/345/217/226/347/233/270/346/234/272/345/217/202/346/225/260.html ADDED Viewed

@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>显示相机参数</title>
+    <!-- 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>
+  </head>
+  <body>
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100vh;
+      }
+      #app {
+        height: 100vh;
+        position: relative;
+      }
+      button {
+        margin: 20px 20px 20px 20px;
+        width: 180px;
+        height: 40px;
+        border-radius: 3px;
+        border: none;
+        background: #0066ffe4;
+        color: #ffffff;
+        outline: none;
+        position: absolute;
+        z-index: 100;
+        top: 25px;
+        left: 100px;
+        margin: auto;
+      }
+    </style>
+    <div id="app">
+      <!-- <div id="viewer">
+        </div> -->
+      <div class="button-group">
+        <button onclick="funGetView()">显示模型视角参数</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: "http://8.134.85.254:9036/api",
+        fileService: "http://8.134.85.254:9040/api",
+      };
+      let home_cameraView = {
+        position: new Float64Array([
+          47.17493348840205, -80.08997132883879, 24.0318348294697,
+        ]),
+        target: new Float64Array([
+          -85.72613400929843, 90.2933317530632, -48.9778287884545,
+        ]),
+        up: new Float64Array([
+          -0.19687114683779236, 0.2523949349039173, 0.9473851109119353,
+        ]),
+        height: 228.08677009579034,
+        width: 228.08677009579034,
+      };
+      let cameraView = {
+        position: new Float64Array([0, 0, 0]),
+        target: new Float64Array([0, 0, 0]),
+        up: new Float64Array([0, 0, 0]),
+        height: 0,
+        width: 0,
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = false;
+      //let bangonglouModelId = "62bd06f903225b3400fa4a1a";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          //viewer.isUpdateTt = true;
+          let bangonglouModelId = "62e35430525bed6af87fb12c";
+          viewer.loadModels([bangonglouModelId]).then((resLightModels) => {
+            lightModels = resLightModels;
+            viewer.camera.position = home_cameraView.position;
+            viewer.camera.target = home_cameraView.target;
+            viewer.camera.up = home_cameraView.up;
+            viewer.camera.setField(
+              home_cameraView.width,
+              home_cameraView.height
+            );
+            viewer.updateDisplay();
+          });
+        }
+      );
+      function funGetView() {
+        cameraView.position = viewer.camera.position;
+        cameraView.target = viewer.camera.target;
+        cameraView.up = viewer.camera.up;
+        cameraView.height = viewer.camera.height;
+        cameraView.width = viewer.camera.width;
+        console.log("out@@@@@@@@@@@", cameraView);
+        console.log("out@@@@@camera", viewer.camera);
+        alert(JSON.stringify(cameraView));
+        tag_view = true;
+      }
+      function funRtnView() {
+        if (tag_view) {
+          viewer.camera.position = cameraView.position;
+          viewer.camera.target = cameraView.target;
+          viewer.camera.up = cameraView.up;
+          viewer.camera.setField(cameraView.width, cameraView.height);
+          viewer.updateDisplay();
+        } else {
+          alert("尚未锁定视角");
+        }
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//350/256/276/347/275/256/344/270/216/350/216/267/345/217/226/346/250/241/345/236/213/345/235/220/346/240/207.html CHANGED Viewed

@@ -3,28 +3,22 @@
   <head>
     <meta charset="UTF-8" />
     <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">
+      <div class="button-group">
+        <button onclick="getPosition()">获取模型坐标</button>
+        <button onclick="setPosition()">设置模型坐标</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -36,29 +30,36 @@
         // 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",
       };
+      let lightModel;
       BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
         () => {
           let viewer = new BimAir.Viewer(options);
           viewer
             .loadModels(["626b4d1ebfe39e58ae7b66a2"])
             .then((lightModels) => {
-              let lightModel = lightModels[0];
-              lightModel.translate = [0, 0, 0];
-              lightModel.scale = [1, 1, 1];
-              lightModel.rotate = [30, 1, 1];
+              lightModel = lightModels[0];
               console.log(lightModel.translate);
               console.log(lightModel.rotate);
               console.log(lightModel.scale);
-              //是否保存
-              //viewer.save();
             });
         }
       );
+      function getPosition() {
+        alert(
+          `translate:${lightModel.translate}\n rotate:${lightModel.rotate} \n scale:${lightModel.scale}  `
+        );
+      }
+      function setPosition() {
+        lightModel.translate = [0, 0, 0];
+        lightModel.scale = [1, 1, 1];
+        lightModel.rotate = [30, 1, 1];
+      }
     </script>
   </body>
 </html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//351/224/201/345/256/232/347/233/270/346/234/272/350/247/206/350/247/222.html ADDED Viewed

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>设置相机状态</title>
+    <!-- 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>
+  </head>
+  <body>
+    <div id="app">
+      <!-- <div id="viewer">
+        </div> -->
+      <div class="button-group">
+        <button onclick="funGetView()">获取相机位置</button>
+        <button onclick="funRtnView()">恢复相机位置</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: "http://8.134.85.254:9036/api",
+        fileService: "http://8.134.85.254:9040/api",
+      };
+      let home_cameraView = {
+        position: new Float64Array([
+          47.17493348840205, -80.08997132883879, 24.0318348294697,
+        ]),
+        target: new Float64Array([
+          -85.72613400929843, 90.2933317530632, -48.9778287884545,
+        ]),
+        up: new Float64Array([
+          -0.19687114683779236, 0.2523949349039173, 0.9473851109119353,
+        ]),
+        height: 228.08677009579034,
+        width: 228.08677009579034,
+      };
+      let cameraView = {
+        position: new Float64Array([0, 0, 0]),
+        target: new Float64Array([0, 0, 0]),
+        up: new Float64Array([0, 0, 0]),
+        height: 0,
+        width: 0,
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = false;
+      //let bangonglouModelId = "62ba4f503a591513fe17d930";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          //viewer.isUpdateTt = true;
+          let bangonglouModelId = "62e35430525bed6af87fb12c";
+          viewer.loadModels([bangonglouModelId]).then((resLightModels) => {
+            lightModels = resLightModels;
+            viewer.camera.position = home_cameraView.position;
+            viewer.camera.target = home_cameraView.target;
+            viewer.camera.up = home_cameraView.up;
+            viewer.camera.setField(
+              home_cameraView.width,
+              home_cameraView.height
+            );
+            viewer.updateDisplay();
+          });
+        }
+      );
+      function funGetView() {
+        cameraView.position = viewer.camera.position;
+        cameraView.target = viewer.camera.target;
+        cameraView.up = viewer.camera.up;
+        cameraView.height = viewer.camera.height;
+        cameraView.width = viewer.camera.width;
+        alert("已获取当前相机视角");
+        tag_view = true;
+      }
+      function funRtnView() {
+        if (tag_view) {
+          viewer.camera.position = cameraView.position;
+          viewer.camera.target = cameraView.target;
+          viewer.camera.up = cameraView.up;
+          viewer.camera.setField(cameraView.width, cameraView.height);
+          viewer.updateDisplay();
+        } else {
+          alert("尚未锁定视角");
+        }
+      }
+    </script>
+  </body>
+</html>