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

@belife/belife-bim-air 1.6.1-zy.86.patch.7 → 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/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 ADDED Viewed

@@ -0,0 +1,113 @@
+<!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="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",
+    modelService: "https://static.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  let home_cameraView = {
+    position: new Float64Array([
+      126.8075, -182.18146, 67.778288,
+    ]),
+    target: new Float64Array([
+      -6.0935, -11.7982, -5.2314,
+    ]),
+    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 = "6466d55bd83967080f32b399";
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            this.viewer = viewer;
+            //viewer.isUpdateTt = true;
+            let bangonglouModelId = "6466d7f7d83967080f32b48e";
+            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;
+  }
+  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>

package/demo//346/250/241/345/236/213/346/223/215/344/275/234//346/250/241/345/236/213/346/210/252/345/217/226.html ADDED Viewed

@@ -0,0 +1,130 @@
+<!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);
+          viewer
+            .loadModels("64893310f757063a40322136", true, false) //最新中精度单管
+            .then((lightModels) => {
+              let targetCom = viewer.getComponent(
+                lightModels[0].modelId,
+                "DSX04-03"
+              );
+              let shellCom = viewer.getComponent(
+                lightModels[0].modelId,
+                "DSX04-03-starting"
+              );
+              let lineCom = viewer.getComponent(
+                lightModels[0].modelId,
+                // "DSX04-03-guideline"
+                "06691ab0fbc07e522e098e3b77902aeb"
+              );
+              console.log(
+                "components-----------",
+                targetCom,
+                shellCom,
+                lineCom
+              );
+              console.time("模型截取");
+              BimAir.SDK.Model.slice(
+                viewer,
+                [
+                  {
+                    targetComponent: targetCom,
+                    shellComponent: shellCom,
+                    lineComponent: lineCom,
+                    sliceData: [
+                      // { name: "1", code: "1", start: "k0-100", end: "k0-50" },
+                      {
+                        name: "1-1-1",
+                        code: "1-1-1",
+                        start: "k0+200",
+                        end: "k0+300",
+                        properties: {
+                          a: "a",
+                          b: "b",
+                        },
+                      },
+                    ],
+                  },
+                  {
+                    targetComponent: targetCom,
+                    shellComponent: shellCom,
+                    lineComponent: lineCom,
+                    sliceData: [
+                      {
+                        name: "1-1-2",
+                        code: "1-1-2",
+                        start: "k0+50",
+                        end: "k0+100",
+                        properties: {
+                          a: "a",
+                          b: "b",
+                        },
+                      },
+                      {
+                        name: "1-1-3",
+                        code: "1-1-3",
+                        start: "k0+130",
+                        end: "k0+180",
+                      },
+                    ],
+                  },
+                ],
+                "测试模型",
+                true
+              ).then((file) => {
+                console.timeEnd("模型截取");
+                console.log("arrayBuffer--------", file);
+                let formData = new FormData();
+                formData.append("file", file);
+                formData.append("stage", "SHJD");
+                formData.append("code", "DSX04-03");
+                // axios
+                //   .post(
+                //     "http://8.134.85.254:9061/api/dsx-service/yun/bind-model",
+                //     formData
+                //   )
+                //   .then((e) => {
+                //     console.log("e", e);
+                //   });
+              });
+            });
+        }
+      );
+    </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 ADDED Viewed

@@ -0,0 +1,65 @@
+<!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="getPosition()">获取模型坐标</button>
+        <button onclick="setPosition()">设置模型坐标</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 lightModel;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels(["626b4d1ebfe39e58ae7b66a2"])
+            .then((lightModels) => {
+              lightModel = lightModels[0];
+              console.log(lightModel.translate);
+              console.log(lightModel.rotate);
+              console.log(lightModel.scale);
+            });
+        }
+      );
+      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="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="funSetView()">记录相机位置</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",
+    modelService: "https://static.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  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.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            //viewer.isUpdateTt = true;
+            let bangonglouModelId = "6466d7f7d83967080f32b48e";
+            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 funSetView() {
+    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>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234/2D/347/203/255/345/212/233/345/233/276.html ADDED Viewed

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8" />
+    <title>2D热力图</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="heatMap()">添加热力图</button>
+        <button onclick="changeHeatMapColor()">更改热力图颜色</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;
+    BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+            viewer = new BimAir.Viewer(options);
+            viewer.loadModels("626b4d1ebfe39e58ae7b66a2").then((res) => {
+                lightModels = res;
+            });
+        }
+    );
+    let heatMapData = [
+        { point: [0.609, 16.917, 8.751], value: 9 },
+        { point: [3.8, 17.5, 7.3], value: 9 },
+        { point: [12.688, 16.359, 2.798], value: 6 },
+    ];
+    function heatMap() {
+        let heatMapColor = [
+            { value: 2, color: [0.1, 0.1, 1] },
+            { value: 4, color: [0, 0.9, 0.5] },
+            { value: 6, color: [0.2, 1, 0] },
+            { value: 8, color: [1, 1, 0] },
+            { value: 10, color: [1, 0.2, 0] },
+        ];
+        let componentIds = ["243274", "724430"];
+        let heatMap2DEffectConfig = new BimAir.Animation.HeatMap2DEffectConfig(
+            viewer,
+            lightModels[0],
+            componentIds,
+            heatMapData,
+            heatMapColor
+        );
+        let heatMap2DEffect = new BimAir.Animation.HeatMap2DEffect(
+            heatMap2DEffectConfig
+        );
+        heatMap2DEffect.createEffect();
+        viewer.updateDisplay();
+    }
+    function changeHeatMapColor(){
+        let heatMapColor = [
+            {value: 0,color: [0.976,0.973,0.435]},
+            { value: 2, color: [1, 0.824, 0.392] },
+            { value: 4, color: [1, 0.675, 0.4] },
+            { value: 6, color: [1, 0.552, 0.447] },
+            { value: 8, color: [0.914, 0.44, 0.518] },
+            { value: 10, color: [0.773, 0.369, 0.549] },
+        ];
+        let componentIds = ["243274", "724430"];
+        let heatMap2DEffectConfig = new BimAir.Animation.HeatMap2DEffectConfig(
+            viewer,
+            lightModels[0],
+            componentIds,
+            heatMapData,
+            heatMapColor
+        );
+        let heatMap2DEffect = new BimAir.Animation.HeatMap2DEffect(
+            heatMap2DEffectConfig
+        );
+        heatMap2DEffect.createEffect();
+        viewer.updateDisplay();
+    }
+</script>
+</body>
+</html>

package/demo//346/250/241/345/236/213/346/225/210/346/236/234/BIMGIS/347/244/272/344/276/213.html ADDED Viewed

@@ -0,0 +1,106 @@
+<!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">
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        //
+        isShowLoading: false,
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+        toolbarVisible: {
+          leftToolbar: false,
+          rightToolbar: false,
+          bottomToolbar: false,
+        },
+        components: {
+          compass: {
+            visible: false,
+          },
+        },
+      };
+      BimAir.Loader({
+        url: "https://static.belife-bim.com/bimAir",
+        isShareArrayBuffer: false,
+      }).then(() => {
+        let viewer = new BimAir.Viewer(options);
+        viewer.sceneSegment.camera.projection =
+          BimAir.ProjectionType.Orthographic;
+        // 设置环境光，范围是0~255
+        viewer.viewSegment.color.ambient = [0, 0, 0];
+        // 设置反光为0
+        viewer.viewSegment.color.specular = 0;
+        let model = new BimAir.Longan.RenderObject();
+        model.name = "场景";
+        viewer.process.addRenderObject(null, model);
+        viewer.renderObject = model;
+        // 加载地球
+        // 影像数据源
+        let tianditu = BimAir.DataSource.createDefaultProvider();
+        let earthObject = new BimAir.MapTileSet3D(
+          256,
+          [-180, -85.051129, 180, 85.051129],
+          3,
+          17,
+          tianditu,
+          viewer
+        );
+        // 地形数据源
+        let terrainProvider = BimAir.TerrainProvider.createDefaultProvider();
+        earthObject.terrainProvider = terrainProvider;
+        viewer.process.addRenderObject(
+          viewer.process.renderObject,
+          earthObject
+        );
+        viewer.operatorManager.clear();
+        viewer.operatorManager.add(new BimAir.EarthCameraMouse3D());
+        // 视角定位
+        let testTarget = new Float64Array([
+          -2105.1690593294793, 5484.103468470413, 2476.7619263635866,
+        ]);
+        let testcameraWidth = 3;
+        let rotateDeg = 0;
+        earthObject.viewToHK(testTarget, rotateDeg, testcameraWidth);
+        viewer.sceneSegment.camera.up = [0, 0, 1];
+        viewer.updateDisplay();
+        earthObject.render();
+        // 加载模型
+        let gisRefRO = new BimAir.GisRefLightModel();
+        gisRefRO.lonlat = [111, 23, 185];
+        gisRefRO.scale = [1, 1, 1];
+        viewer.process.addRenderObject(viewer.process.renderObject, gisRefRO);
+        gisRefRO.reference = "9442b9ae-75e9-4fe4-9a6b-37786c3b8e6d";
+        gisRefRO.loadReferenceModel(viewer.process.persistenceManager);
+        viewer.updateDisplay();
+      });
+    </script>
+  </body>
+</html>