npm - @belife/belife-bim-air - Versions diffs - 1.6.1-zy.86.patch.8 → 1.6.1-zy.86.patch.9 - Mend

@belife/belife-bim-air 1.6.1-zy.86.patch.8 → 1.6.1-zy.86.patch.9

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 (369) hide show

package/demo//346/250/241/345/236/213/345/212/250/347/224/273//350/267/257/345/276/204/346/274/253/346/270/270.html ADDED Viewed

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <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" />
+  <title>路径漫游</title>
+  <!-- demo的样式 -->
+  <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+  <link
+          rel="stylesheet"
+          href="https://static.belife-bim.com/bimAir/BimAir.css"
+  />
+  <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>
+<div id="app">
+  <div class="button-group">
+    <button onclick="addkey()" id="btn">增加帧（至少2）</button>
+    <button onclick="runAnimation()" id="btn2">播放</button>
+    <button onclick="printView()" id="btn3">预设路径漫游动画</button>
+  </div>
+  <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+</div>
+<script type="text/javascript">
+  new Vue({
+    el: "#app",
+  });
+  let points=[];
+  let targets=[];
+  let options = {
+    // viewerType: "model",
+    elementId: "viewer",
+    modelService: "https://static.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  //加载模型配置
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            let viewer = new BimAir.Viewer(options);
+            viewer
+                    .loadModels(
+                            [
+                              {
+                                id: "645deee7ae09ef7882f4f283", //别墅
+                                version: 1,
+                              },
+                            ],
+                            true
+                    )
+          }
+  );
+  //加载关键帧（相机位置+朝向）
+  function addkey(){
+    points.push(this.viewer.camera.position);
+    targets.push(this.viewer.camera.target);
+  }
+  //播放动画
+  function runAnimation(){
+    if(points.length>=2){
+      let roamTime=10;
+      let animationId2=this.viewer.process.animationManager.pathRoam.addRoamPathAnime(
+              roamTime,
+              points,
+              targets
+      );
+      this.viewer.process.animationManager.run([animationId2]);
+      //播放完一次后清空帧
+      points=[];
+      targets=[];
+    }else{
+      alert("帧小于2");
+    }
+  }
+  //加载预设路径
+  function printView(){
+    let points2=[
+            [49.555,-47.751,56.836],
+            [43.624,74.505,46.752],
+            [-88.420,31.780,49.925],
+            [-53.638,-67.863,43.338],
+            [49.555,-47.751,56.836]
+    ];
+    let targets2=[
+      [-3.216,5.020,4.065],
+      [8.066,1.001,5.6766],
+      [-6.291,16.185,12.966],
+      [-14.638,8.339,11.296],
+      [-3.216,5.020,4.065]
+    ];
+    let roamTime=10;
+    let animationId=this.viewer.process.animationManager.pathRoam.addRoamPathAnime(
+            roamTime,
+            points2,
+            targets2
+    );
+    this.viewer.process.animationManager.run([animationId]);
+  }
+</script>
+</body>
+</html>

package/demo//346/250/241/345/236/213/345/212/250/347/224/273//351/232/224/347/246/273/347/224/237/351/225/277.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>建筑隔离生长</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <!-- <div id="viewer">
+        </div> -->
+      <!-- <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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = true;
+      let tag_visible = true;
+      let tag_color = 118;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer = viewer;
+          let allObjId = "645e06e3ae09ef7882f4ff37";
+          viewer.loadModels([allObjId]).then((resLightModels) => {
+            viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+            lightModels = resLightModels;
+            lightModels[0].setAllComponentsIsolation(true);
+            //通过根节点名称进行构件隔离    ------用户可以自行设计依次显示的模型构件
+            let structureTreeName = ["室外地坪", "F1", "F2", "F3", "F4"];
+            for (let i = 0; i < structureTreeName.length; i++) {
+              let setShowTime = 3000 + 1000 * i; //设置进度模拟加载间隔时间   起初时间是15S，之后每秒钟进行一次进度更新
+              let segmentObjectGroup = new Array(); //存储当前阶段需要加载的segment
+              for (let j = 0; j <= i; j++) {
+                segmentObjectGroup.push(
+                  viewer.structureTreeManager.getTreeNodesByName(
+                    structureTreeName[j]
+                  ).items[0].segmentObject
+                ); //依次加载结构树下节点
+              }
+              setTimeout(() => {
+                //通过结构树名称进行构件隔离
+                viewer.isolationManager.isolationInvert(segmentObjectGroup);
+                viewer.updateDisplay();
+                //console.log(segmentObjectGroup);
+              }, setShowTime);
+            }
+            viewer.updateDisplay();
+          });
+        }
+      );
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/210/233/345/273/272/350/247/206/345/233/276.html ADDED Viewed

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>创建视图</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <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.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+        }
+      );
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/212/240/350/275/275/346/234/215/345/212/241/345/231/250/346/250/241/345/236/213.html ADDED Viewed

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>加载服务器模型</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      BimAir.Loader({
+        url: "https://static.belife-bim.com/bimAir",
+      }).then(() => {
+        let viewer = new BimAir.Viewer(options);
+        viewer
+          .loadModels([{ id: "626b4d1ebfe39e58ae7b66a2", version: 1 }])
+          .then((lightModels) => {});
+      });
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/217/214/345/261/217/346/223/215/344/275/234.html ADDED Viewed

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>创建视图</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+      #app {
+        height: 100vh;
+        position: relative;
+        display: flex;
+      }
+      .viewer-wrapper1,
+      .viewer-wrapper2 {
+        height: 100%;
+        /* width: 50%; */
+        flex: 1;
+      }
+    </style>
+    <div id="app">
+      <div class="viewer-wrapper1">
+        <viewer-wrapper
+          :elementId="'viewer1'"
+          style="height: 100%; width: 100%"
+        />
+      </div>
+      <div class="viewer-wrapper2">
+        <viewer-wrapper
+          :elementId="'viewer2'"
+          style="height: 100%; width: 100%"
+        />
+      </div>
+    </div>
+    <script type="text/javascript">
+      let vue = new Vue({
+        el: "#app",
+      });
+      //   html写法无法传入id，所以需要手动修改element的id，vue写法可忽略下面三行
+      let viewerWraps = document.getElementsByClassName("viewer-wrp");
+      viewerWraps[0].children[0].id = "viewer1";
+      viewerWraps[1].children[0].id = "viewer2";
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer1",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let options2 = {
+        // viewerType: "model",
+        elementId: "viewer2",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          let viewer2 = new BimAir.Viewer(options2);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {});
+          viewer2.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {
+            // viewer2.fitWorld();
+          });
+        }
+      );
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/256/232/344/275/215/346/250/241/345/236/213.html ADDED Viewed

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>定位模型</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="locateComponent()">定位模型节点</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.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let component;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels(["626b4d1ebfe39e58ae7b66a2"])
+            .then((lightModels) => {
+              component = lightModels[0].getComponent("243274");
+            });
+        }
+      );
+      function locateComponent() {
+        viewer.locateObject(component);
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//345/267/245/345/205/267/346/240/217/346/230/276/347/244/272/351/232/220/350/227/217.html ADDED Viewed

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>工具栏显示隐藏</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="buttonVisibleToggle()">显示/隐藏工具栏</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+        toolbarVisible: {
+          leftToolbar: true, //左边工具栏
+          rightToolbar: true, //右边工具栏
+          bottomToolbar: true, //底部工具栏
+          // structureTree: true, //左边结构树按钮
+          // property: true, //底部属性按钮
+          // viewPoint: true, //底部视点按钮
+          // measure: true, //底部测量按钮
+          // comment: true, //底部批注按钮
+          // label: true, //底部标签按钮
+          // cut: true, //底部按钮
+          // explosion: true, //底部全局爆炸按钮
+          // proExplosion: true, //底部专业按钮
+          // roam: true, //底部漫游按钮
+          // style: true, //底部样式按钮
+          // collision: true, //底部碰撞按钮
+          // floorPlan: true, //底部楼层平面按钮
+          // twoDDrawing: true, //底部二维图纸按钮
+          // snapshoot: true, //底部快照按钮
+          // setting: true, //底部设置按钮
+        },
+      };
+      let viewer;
+      let buttonVisible = true;
+      BimAir.Loader({
+        url: "https://static.belife-bim.com/bimAir",
+      }).then(() => {
+        viewer = new BimAir.Viewer(options);
+        viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {});
+      });
+      function buttonVisibleToggle() {
+        buttonVisible = !buttonVisible;
+        viewer.options.toolbarVisible.leftToolbar = buttonVisible;
+        viewer.options.toolbarVisible.rightToolbar = buttonVisible;
+        viewer.options.toolbarVisible.bottomToolbar = buttonVisible;
+      }
+    </script>
+  </body>
+</html>

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/345/214/226.html ADDED Viewed

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>投影变换</title>
+  <!-- demo的样式 -->
+  <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+  <link
+          rel="stylesheet"
+          href="https://static.belife-bim.com/bimAir/BimAir.css"
+  />
+  <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>
+<div id="app">
+  <div class="button-group">
+    <button onclick="funChangeView()" id="btn">切换到透视投影</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.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  let viewer;
+  let lightModels;
+  let tag_view = true;
+  let tag_visible = true;
+  let tag_color = 118;
+  let home_cameraView = {
+    position: new Float64Array([-11.7666, -114.1518, 65.74]),
+    target: new Float64Array([-10.2923, -11.490,2.9225]),
+    up: new Float64Array([0.00749, 0.5218, 0.8530]),
+    height: 0,
+    width: 0,
+  };
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            let zhongyuModelId = "6466d77cd83967080f32b453";
+            viewer.loadModels([zhongyuModelId]).then((resLightModels) => {
+              viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+              lightModels = resLightModels;
+              viewer.camera.position=home_cameraView.position;
+              viewer.camera.target=home_cameraView.target;
+              viewer.camera.up=home_cameraView.up;
+              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");
+      var obj=document.getElementById("btn");
+      obj.innerText="切换到正交投影";
+    } 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");
+      var obj=document.getElementById("btn");
+      obj.innerText="切换到透视投影";
+    }
+  }
+</script>
+</body>
+</html>

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,75 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>投影变换</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <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>
+    <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",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let viewer;
+      let lightModels;
+      let tag_view = true;
+      let tag_visible = true;
+      let tag_color = 118;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          let zhongyuModelId = "6466d77cd83967080f32b453";
+          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>