@anov/3d 0.0.177 → 0.0.185

package/dist/factory/unit/CameraPoi.js

@@ -1,1047 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { AdditiveBlending, Box3, CircleGeometry, Clock, Color, DoubleSide, Group, MathUtils, Matrix4, Mesh, MeshBasicMaterial, ModelLoader, PerspectiveCamera, PlaneGeometry, ShaderMaterial, Sprite, SpriteMaterial, Texture, TextureLoader, Vector3, gsap, use } from '@anov/3d-core';
-import { Css2DPoi, SpritePoi } from '@anov/3d-ability';
-import heatMap from 'anov-heat-map';
-import { MessageType, sendToMessage } from "../../utils/messageFn";
-import { EMessageStatus } from "../../messageStatus";
-import { loadingManager, usePath } from "../3d";
-
-// @ts-ignore
-
-var data = {
-  camera: [{
-    id: '1',
-    name: '摄像头1',
-    position: [-315, 30, -150],
-    fovDefault: 60,
-    fovRange: [30, 120],
-    dialogCamera: {
-      position: [-315, 30, -150],
-      rotation: [30, 180, 0]
-    }
-  }, {
-    id: '2',
-    name: '摄像头2',
-    position: [30, 30, -150],
-    fovDefault: 60,
-    fovRange: [30, 120],
-    dialogCamera: {
-      position: [30, 30, -150],
-      rotation: [30, 180, 0]
-    }
-  }, {
-    id: '3',
-    name: '摄像头3',
-    position: [360, 30, -150],
-    fovDefault: 60,
-    fovRange: [30, 120],
-    dialogCamera: {
-      position: [360, 30, -150],
-      rotation: [30, 180, 0]
-    }
-  }, {
-    id: '4',
-    name: '摄像头4',
-    position: [-320, 30, 32],
-    dialogCamera: {
-      position: [-320, 30, 32],
-      rotation: [30, 180, 0]
-    }
-  }, {
-    id: '5',
-    name: '摄像头5',
-    position: [-307, 30, 170],
-    fovDefault: 60,
-    fovRange: [30, 120],
-    dialogCamera: {
-      position: [-307, 30, 170],
-      rotation: [30, 180, 0]
-    }
-  }, {
-    id: '6',
-    name: '摄像头6',
-    position: [77, 30, 96],
-    fovDefault: 60,
-    fovRange: [30, 120],
-    dialogCamera: {
-      position: [77, 30, 96],
-      rotation: [30, 180, 0]
-    }
-  }, {
-    id: '7',
-    name: '摄像头7',
-    position: [404, 30, 85],
-    fovDefault: 60,
-    fovRange: [30, 120],
-    dialogCamera: {
-      position: [404, 30, 85],
-      rotation: [30, 180, 0]
-    }
-  }],
-  probePoint: [{
-    id: '1',
-    name: '异常监测点1',
-    warn: true,
-    position: [56, 21, 86]
-  }, {
-    id: '2',
-    name: '甲烷监测点2',
-    warn: false,
-    position: [384, 21, 75]
-  }, {
-    id: '3',
-    name: '甲烷监测点3',
-    warn: false,
-    position: [9, 21, -134]
-  }]
-};
-var load = new ModelLoader();
-var CameraPoi = /*#__PURE__*/function () {
-  function CameraPoi(gobal) {
-    _classCallCheck(this, CameraPoi);
-    _defineProperty(this, "gobal", void 0);
-    _defineProperty(this, "cameraMesh", new Map());
-    _defineProperty(this, "warnMesh", new Map());
-    _defineProperty(this, "headMap", void 0);
-    _defineProperty(this, "dialogManage", void 0);
-    _defineProperty(this, "eventListener", new Set());
-    _defineProperty(this, "currentDialogMesh", void 0);
-    _defineProperty(this, "startPosition", void 0);
-    _defineProperty(this, "cameraLookAt", void 0);
-    this.gobal = gobal;
-    this.dialogManage = new Dialog(this);
-    this.dialogManage.addStyle();
-  }
-  _createClass(CameraPoi, [{
-    key: "generateObject",
-    value: function () {
-      var _generateObject = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this = this,
-          _data$probePoint;
-        var model, point, rotatingRight, unFrame;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return load.loadGLTF("".concat(usePath, "shexiang.glb"), false, true, './draco/', function (gltf) {
-                return gltf;
-              });
-            case 2:
-              model = _context.sent;
-              data.camera.forEach(function (region) {
-                var group = new Group();
-                group.name = region.id;
-                var sprite = new SpritePoi("".concat(usePath, "p4/camera.png"), {
-                  scale: [22, 22, 1]
-                });
-                sprite.rotation.y = Math.PI;
-                var position = new Vector3().fromArray(region.position);
-                sprite.position.copy(position);
-                group.add(sprite);
-                var scan = model.scene.clone();
-                scan.scale.addScalar(8);
-                scan.rotation.x = -Math.PI / 2 + 0.5;
-                scan.position.copy(position.clone().add(new Vector3(0, -2, 0)));
-                group.add(scan);
-                _this.cameraMesh.set(region.name, group);
-                _this.cameraEvent(group, region);
-                _this.gobal.scene.add(group);
-              });
-
-              // 甲烷检测点
-              point = new MethanePoint();
-              (_data$probePoint = data.probePoint) === null || _data$probePoint === void 0 || _data$probePoint.forEach(function (item) {
-                var mesh;
-                if (item.warn) {
-                  mesh = new SpritePoi("".concat(usePath, "p4/warn.png"), {
-                    scale: [22, 22, 1]
-                  });
-                  _this.probeEvent(mesh, item);
-                  // 使用GSAP创建跳动动画
-                  gsap.to(mesh.position, {
-                    y: '+=3',
-                    // 上跳10个单位
-                    duration: 0.2,
-                    // 动画持续时间
-                    ease: 'power1.inOut',
-                    // 缓动函数
-                    yoyo: true,
-                    // 循环
-                    repeat: -1 // 无限重复
-                  });
-                } else {
-                  mesh = point.create();
-                }
-                mesh.position.copy(new Vector3().fromArray(item.position));
-                _this.warnMesh.set(item.name, mesh);
-                _this.gobal.scene.add(mesh);
-              });
-              // 设置左右旋转的标志位和旋转速度
-              rotatingRight = true; // 是否正在向右转动
-              unFrame = use.useframe(function () {
-                _this.cameraMesh.forEach(function (group) {
-                  var scan = group.children[1];
-                  // 更新相机的旋转角度
-                  if (rotatingRight) {
-                    // 向右旋转
-                    scan.rotation.z += 0.005;
-                  } else {
-                    // 向左旋转
-                    scan.rotation.z -= 0.005;
-                  }
-
-                  // 检查是否达到目标旋转角度
-                  if (Math.abs(scan.rotation.z) >= Math.abs(Math.PI / 4)) {
-                    // 到达目标角度，切换旋转方向并更新目标角度
-                    rotatingRight = !rotatingRight;
-                  }
-                });
-              });
-              this.eventListener.add(unFrame);
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function generateObject() {
-        return _generateObject.apply(this, arguments);
-      }
-      return generateObject;
-    }()
-  }, {
-    key: "cameraEvent",
-    value: function cameraEvent(sprite, region) {
-      var _this2 = this;
-      var fn = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-          var isClose, _use$useScene, camera, position, targetPosition, camaraPosition;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!_this2.currentDialogMesh) {
-                  _context2.next = 7;
-                  break;
-                }
-                isClose = _this2.currentDialogMesh.name === region.name;
-                _this2.dialogManage.close();
-                if (!isClose) {
-                  _context2.next = 5;
-                  break;
-                }
-                return _context2.abrupt("return");
-              case 5:
-                _context2.next = 8;
-                break;
-              case 7:
-                if (_this2.headMap && _this2.headMap.isShow) {
-                  _this2.closeHotmap();
-                } else {
-                  _use$useScene = use.useScene(), camera = _use$useScene.camera;
-                  _this2.startPosition = camera.position.clone();
-                  // 获取相机朝向
-                  _this2.cameraLookAt = new Vector3(); // 创建一个向量来存储相机朝向
-                  camera.getWorldDirection(_this2.cameraLookAt); // 获取相机朝向并存储在向量中
-                }
-              case 8:
-                sendToMessage({
-                  messageType: MessageType.Event,
-                  messageName: 'onCameraStatus',
-                  status: EMessageStatus.Success
-                }, {
-                  id: region.id
-                });
-                position = new Vector3().fromArray(region.position);
-                targetPosition = position.clone().toArray();
-                camaraPosition = position.clone().add(new Vector3(0, 40, 80)).toArray();
-                _this2.gobal.cameraUtil.set({
-                  position: camaraPosition,
-                  target: targetPosition
-                });
-                _this2.setMeshVisible(false);
-                _context2.next = 16;
-                return _this2.dialogManage.getMesh(position, region);
-              case 16:
-                _this2.currentDialogMesh = _context2.sent;
-                _this2.dialogManage.addEventListener('close', function () {
-                  // 初始相机到原始位置
-                  _this2.gobal.cameraUtil.set({
-                    position: _this2.startPosition.toArray(),
-                    target: _this2.cameraLookAt.toArray()
-                  });
-                  _this2.setMeshVisible(true);
-                  _this2.currentDialogMesh = null;
-                  _this2.cameraMesh.forEach(function (mesh) {
-                    mesh.visible = true;
-                  });
-                  sendToMessage({
-                    messageType: MessageType.Event,
-                    messageName: 'onCancelCameraStatus',
-                    status: EMessageStatus.Success
-                  }, {
-                    id: region.id
-                  });
-                });
-                _this2.currentDialogMesh.name = region.name;
-                _this2.gobal.scene.add(_this2.currentDialogMesh);
-              case 20:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function fn() {
-          return _ref.apply(this, arguments);
-        };
-      }();
-      sprite.addEventListener('click', fn);
-      this.eventListener.add(function () {
-        return sprite.removeEventListener('click', fn);
-      });
-    }
-  }, {
-    key: "probeEvent",
-    value: function probeEvent(sprite, region) {
-      var _this3 = this;
-      var _use$useScene2 = use.useScene(),
-        camera = _use$useScene2.camera;
-      this.headMap = new HeadMap();
-      var unClick = sprite.addEventListener('click', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var position, camaraPosition;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              if (sprite.visible) {
-                _context3.next = 2;
-                break;
-              }
-              return _context3.abrupt("return");
-            case 2:
-              sprite.visible = false;
-              sendToMessage({
-                messageType: MessageType.Event,
-                messageName: 'onGasMonitorStatus',
-                status: EMessageStatus.Success
-              }, {
-                id: region.id
-              });
-              _this3.togglePoi(false);
-              position = new Vector3().fromArray(region.position);
-              camaraPosition = position.clone().add(new Vector3(0, 30, 0));
-              _this3.startPosition = camera.position.clone();
-              // 获取相机朝向
-              _this3.cameraLookAt = new Vector3(); // 创建一个向量来存储相机朝向
-              camera.getWorldDirection(_this3.cameraLookAt); // 获取相机朝向并存储在向量中
-              _this3.gobal.cameraUtil.set({
-                position: camaraPosition.toArray(),
-                target: position.clone().toArray()
-              }).then(function () {
-                var mesh = _this3.headMap.create(camaraPosition.distanceTo(position));
-                mesh.position.copy(sprite.position);
-                mesh.position.y = 0.5;
-                _this3.gobal.scene.add(mesh);
-                var _use$useScene3 = use.useScene(),
-                  orbitControls = _use$useScene3.orbitControls;
-                orbitControls.enabled = false;
-
-                // this.headMap.addBack()
-                _this3.headMap.addEventListener('close', function () {
-                  _this3.closeHotmap();
-                  // this.togglePoi(true)
-
-                  // this.gobal.cameraUtil.set({
-                  //   position: this.startPosition.toArray(),
-                  //   target: this.cameraLookAt.toArray(),
-                  // })
-                });
-              });
-            case 11:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      })));
-      this.eventListener.add(unClick);
-    }
-  }, {
-    key: "setMeshVisible",
-    value: function setMeshVisible(visible) {
-      this.cameraMesh.forEach(function (mesh) {
-        return mesh.visible = visible;
-      });
-      this.warnMesh.forEach(function (mesh) {
-        return mesh.visible = visible;
-      });
-    }
-  }, {
-    key: "closeHotmap",
-    value: function closeHotmap() {
-      if (!this.headMap) return;
-      this.headMap.remove();
-      this.togglePoi(true);
-      this.gobal.cameraUtil.set({
-        position: this.startPosition.toArray(),
-        target: this.cameraLookAt.toArray()
-      });
-      var _use$useScene4 = use.useScene(),
-        orbitControls = _use$useScene4.orbitControls;
-      orbitControls.enabled = true;
-    }
-  }, {
-    key: "togglePoi",
-    value: function togglePoi() {
-      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      this.warnMesh.forEach(function (sprite) {
-        sprite.visible = visible;
-      });
-      this.cameraMesh.forEach(function (sprite) {
-        sprite.visible = visible;
-      });
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      this.dialogManage.close();
-      // 删除摄像机POI点
-      this.cameraMesh.forEach(function (sprite) {
-        sprite.removeFromParent();
-        sprite.remove();
-      });
-      this.cameraMesh.clear();
-      this.warnMesh.forEach(function (sprite) {
-        sprite.removeFromParent();
-        sprite.remove();
-      });
-      this.warnMesh.clear();
-      this.eventListener.forEach(function (fn) {
-        fn();
-      });
-      // 热力图
-      if (this.headMap) {
-        this.headMap.remove();
-        var _use$useScene5 = use.useScene(),
-          orbitControls = _use$useScene5.orbitControls;
-        orbitControls.enabled = true;
-      }
-      this.eventListener.clear();
-    }
-  }]);
-  return CameraPoi;
-}();
-export default CameraPoi;
-var MethanePoint = /*#__PURE__*/function () {
-  function MethanePoint() {
-    _classCallCheck(this, MethanePoint);
-  }
-  _createClass(MethanePoint, [{
-    key: "create",
-    value: function create() {
-      // 定义Shader的uniform变量
-
-      var geometry = new PlaneGeometry(10, 10);
-      var texture = new TextureLoader(loadingManager).load("".concat(usePath, "p4/monitor.png"));
-      var circle = new Mesh(geometry, new MeshBasicMaterial({
-        map: texture,
-        side: DoubleSide,
-        transparent: true
-      }));
-      circle.rotateX(-Math.PI / 3);
-      return circle;
-    }
-
-    // 随机多点的方案
-  }, {
-    key: "createBack",
-    value: function createBack() {
-      // 定义Shader的uniform变量
-
-      var group = new Group();
-      var geometry = new CircleGeometry(2, 32);
-      // 创建自定义着色器材质
-      var material = new ShaderMaterial({
-        vertexShader: "\n          void main() {\n              gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n              gl_PointSize = 20.0; // \u8BBE\u7F6E\u70B9\u7684\u5927\u5C0F\n          }\n      ",
-        fragmentShader: "\n          void main() {\n              vec2 center = vec2(0.5, 0.5); // \u5706\u5FC3\u5750\u6807\n              vec2 toCenter = gl_PointCoord - center; // \u8BA1\u7B97\u70B9\u5230\u5706\u5FC3\u7684\u5411\u91CF\n              float distance = length(toCenter); // \u8BA1\u7B97\u70B9\u5230\u5706\u5FC3\u7684\u8DDD\u79BB\n              if (distance > 0.5) discard; // \u8D85\u51FA\u534A\u5F84\u8303\u56F4\u7684\u70B9\u76F4\u63A5\u4E22\u5F03\n              vec3 innerColor = vec3(1.0, .8, 0.0); // \u5185\u5708\u989C\u8272\u4E3A\u9EC4\u8272\n              vec3 outerColor = vec3(0.8, 0.4, 0.0); // \u5916\u5708\u989C\u8272\u4E3A\u6DF1\u6A58\u8272\n    \n              vec3 finalColor = mix(innerColor, outerColor, smoothstep(0.1, 0.23, distance)); // \u6839\u636E\u8DDD\u79BB\u6DF7\u5408\u989C\u8272\n              if(distance>0.3) finalColor = mix(finalColor, vec3(0.75, 0.4, 0.0), smoothstep(0.25, 0.3, distance)); // \u6839\u636E\u8DDD\u79BB\u6DF7\u5408\u989C\u8272\n              gl_FragColor = vec4(finalColor, 1.0); // \u8BBE\u7F6E\u7247\u6BB5\u989C\u8272\n          }\n      ",
-        blending: AdditiveBlending,
-        depthTest: false,
-        transparent: true,
-        side: DoubleSide
-      });
-      var circle = new Mesh(geometry, new MeshBasicMaterial({
-        color: '#f7a157'
-      }));
-      var numPoints = 100; // 点的数量
-
-      for (var i = 0; i < numPoints; i++) {
-        var x = Math.random() * 700 - 322; // 随机生成 x 坐标
-        var z = Math.random() * 340 - 144; // 随机生成 z 坐标
-        var point = circle.clone();
-        point.position.copy(new Vector3(x, 20.55, z));
-        point.rotateX(-Math.PI / 2);
-        group.add(point);
-      }
-      return group;
-    }
-  }]);
-  return MethanePoint;
-}();
-var Dialog = /*#__PURE__*/function () {
-  function Dialog(cameraManage) {
-    _classCallCheck(this, Dialog);
-    _defineProperty(this, "manage", void 0);
-    _defineProperty(this, "camera", void 0);
-    _defineProperty(this, "cameraPosition", void 0);
-    _defineProperty(this, "cameraTargetPosition", void 0);
-    _defineProperty(this, "cuteSprites", []);
-    _defineProperty(this, "eventListener", new Set());
-    _defineProperty(this, "eventList", new Map());
-    this.manage = cameraManage;
-  }
-  _createClass(Dialog, [{
-    key: "getMesh",
-    value: function () {
-      var _getMesh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(position, careraParams) {
-        var _this4 = this;
-        var _this$manage$gobal$sc, texture, close, cuteSprite, unFrame;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              this.close();
-              this.camera = new PerspectiveCamera(careraParams.fovDefault || 60, window.innerWidth / window.innerHeight, 0.1, 10000);
-              this.camera.position.copy(new Vector3().fromArray(careraParams.position));
-              this.camera.rotation.set(Math.PI / 6, Math.PI, 0);
-              _this$manage$gobal$sc = this.manage.gobal.scene.setCustomPerspective(this.camera), texture = _this$manage$gobal$sc.texture, close = _this$manage$gobal$sc.close;
-              cuteSprite = new Sprite(new SpriteMaterial({
-                map: texture,
-                depthTest: false,
-                depthWrite: false
-              }));
-              cuteSprite.center.set(0.5, 0.5);
-              cuteSprite.renderOrder = 5;
-              cuteSprite.position.copy(position);
-              unFrame = use.useframe(function () {
-                _this4.updateScale(cuteSprite);
-              });
-              this.eventListener.add(unFrame);
-              return _context4.abrupt("return", new Promise(function (reslove) {
-                setTimeout(function () {
-                  var borderMesh = _this4.getBorderMesh(_this4.camera, cuteSprite);
-                  var group = new Group();
-                  group.add(borderMesh);
-                  group.add(cuteSprite);
-                  _this4.cuteSprites.push(borderMesh);
-                  _this4.cuteSprites.push(cuteSprite);
-                  close();
-                  reslove(group);
-                }, 1000);
-              }));
-            case 12:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this);
-      }));
-      function getMesh(_x, _x2) {
-        return _getMesh.apply(this, arguments);
-      }
-      return getMesh;
-    }()
-  }, {
-    key: "getTarget",
-    value: function getTarget(cameraPosition) {
-      var rotation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [0, 30, 0];
-      // 将旋转角度转换为弧度
-      var angleX = MathUtils.degToRad(rotation[0]);
-      var angleY = MathUtils.degToRad(rotation[1]);
-      var angleZ = MathUtils.degToRad(rotation[2]);
-
-      // 创建旋转矩阵
-      var rotationMatrix = new Matrix4();
-      rotationMatrix.makeRotationX(angleX);
-      rotationMatrix.multiply(new Matrix4().makeRotationY(angleY));
-      rotationMatrix.multiply(new Matrix4().makeRotationZ(angleZ));
-
-      // 定义相机的方向向量（例如，相机的方向默认为(0, 0, -1)）
-      var cameraDirection = new Vector3(0, 0, 1);
-
-      // 将相机的方向向量乘以旋转矩阵，得到相机目标位置的向量
-      var targetDirection = cameraDirection.clone().applyMatrix4(rotationMatrix);
-
-      // 计算相机的目标位置
-      return cameraPosition.clone().add(targetDirection);
-    }
-  }, {
-    key: "getBoxSize",
-    value: function getBoxSize(sprite) {
-      var _use$useScene6 = use.useScene(),
-        camera = _use$useScene6.camera;
-
-      // 获取设备像素比
-      var devicePixelRatio = window.devicePixelRatio || 1;
-      // 获取精灵对象的边界框
-      var bbox = new Box3().setFromObject(sprite);
-      // 将边界框的最小和最大顶点转换为屏幕坐标
-      var min = bbox.min.project(camera);
-      var max = bbox.max.project(camera);
-      console.log('min:', min);
-      console.log('max:', max);
-      var _ref3 = [window.innerWidth, window.innerHeight],
-        w = _ref3[0],
-        h = _ref3[1];
-      var dom = document.querySelector('#app');
-      if (dom) {
-        w = dom.clientWidth;
-        h = dom.clientHeight;
-      }
-      var ratio = 0;
-      if (camera.fov >= 60) ratio = -0.05 * (camera.fov - 60) / 30;else ratio = 0.02 * (60 - camera.fov) / 30;
-
-      // 计算精灵在屏幕中的宽度和高度像素值
-      var width = (max.x - min.x) * w / devicePixelRatio * (0.97 + ratio);
-      var height = (max.y - min.y) * h / devicePixelRatio * (1.089 + ratio);
-      var scaleFactor = devicePixelRatio * 0.5;
-      // 应用缩放系数
-      width *= scaleFactor;
-      height *= scaleFactor;
-      return {
-        width: width,
-        height: height
-      };
-    }
-  }, {
-    key: "updateScale",
-    value: function updateScale(sprite) {
-      var _use$useScene7 = use.useScene(),
-        camera = _use$useScene7.camera;
-      var ratio = 60 / camera.fov;
-      // 距离限制范围的值，用于计算缩放比例
-      var minDistance = 0.1;
-      var maxDistance = 1000000;
-      // 获取相机和物体的世界坐标位置
-      var cameraPosition = camera === null || camera === void 0 ? void 0 : camera.position;
-      var objectPosition = sprite.position;
-
-      // 计算相机和物体之间的距离
-      var distance = (cameraPosition === null || cameraPosition === void 0 ? void 0 : cameraPosition.distanceTo(objectPosition)) || 0.1;
-
-      // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围
-      var clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance));
-      // console.log('clampedDistance:',clampedDistance)
-      // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值
-      sprite.scale.copy(new Vector3(clampedDistance * (1.3281 / ratio), 0.8316 / ratio * clampedDistance, 1));
-    }
-  }, {
-    key: "addEventListener",
-    value: function addEventListener(eventName, fn) {
-      if (this.eventList.has(eventName)) this.eventList[eventName] = fn;else this.eventList.set(eventName, fn);
-    }
-  }, {
-    key: "getBorderMesh",
-    value: function getBorderMesh(camera, sprite) {
-      var _this5 = this;
-      var _this$getBoxSize = this.getBoxSize(sprite),
-        width = _this$getBoxSize.width,
-        height = _this$getBoxSize.height;
-
-      // 弹窗容器
-      var dialogDiv = document.createElement('div');
-      width += 10;
-      height += 10;
-      Object.assign(dialogDiv.style, {
-        'width': "".concat(width, "px"),
-        'height': "".concat(height, "px"),
-        'z-index': '3 !important',
-        'backgroundImage': "url(".concat(usePath, "p4/border.png)"),
-        'backgroundSize': '100% 100%',
-        'backgroundRepeat': 'no-repeat',
-        'position': 'relative'
-
-        // left: `${(window.innerWidth - width) / 2}px`,
-        // top: `${(window.innerHeight - height) / 2}px`,
-      });
-      var maskingDiv = document.createElement('div');
-      maskingDiv.className = 'dialog-mask';
-      dialogDiv.appendChild(maskingDiv);
-
-      // 关闭按钮
-      var closeSpan = document.createElement('span');
-      closeSpan.className = 'dialog-close';
-      dialogDiv.appendChild(closeSpan);
-      closeSpan.addEventListener('click', function () {
-        _this5.close();
-      });
-
-      // 操作按钮
-      var op = document.createElement('div');
-      op.className = 'dialog-operate';
-      dialogDiv.appendChild(op);
-      var opList = ['left', 'right', 'top', 'bottom'];
-      opList.forEach(function (key) {
-        var btnSpan = document.createElement('span');
-        btnSpan.className = "dialog-operate-btn dialog-operate-".concat(key);
-        var handleClick = function handleClick() {
-          switch (key) {
-            case 'top':
-              camera.rotation.x -= 0.01;
-              break;
-            case 'bottom':
-              camera.rotation.x += 0.01;
-              break;
-            case 'left':
-              camera.rotation.y += 0.01;
-              break;
-            case 'right':
-              camera.rotation.y -= 0.01;
-              break;
-          }
-          var _this5$manage$gobal$s = _this5.manage.gobal.scene.setCustomPerspective(camera),
-            texture = _this5$manage$gobal$s.texture,
-            close = _this5$manage$gobal$s.close;
-          sprite.material = new SpriteMaterial({
-            map: texture,
-            depthTest: false,
-            depthWrite: false
-          });
-          setTimeout(function () {
-            return close();
-          }, 800);
-        };
-        var clock;
-        var longPress;
-        var time;
-        btnSpan.addEventListener('mousedown', function () {
-          clock = new Clock();
-          clock.getDelta();
-          time = setTimeout(function () {
-            longPress = use.useframe(handleClick);
-          }, 500);
-        });
-        btnSpan.addEventListener('mouseup', function () {
-          if (clock.getDelta() < 0.5) handleClick();
-          clearTimeout(time);
-          longPress && longPress();
-        });
-
-        // btnSpan.addEventListener('click', handleClick)
-        op.appendChild(btnSpan);
-      });
-      var cb = function cb(fov) {
-        if (!fov) return;
-        camera.fov = fov;
-        camera.updateProjectionMatrix();
-        var _this5$manage$gobal$s2 = _this5.manage.gobal.scene.setCustomPerspective(camera),
-          texture = _this5$manage$gobal$s2.texture,
-          close = _this5$manage$gobal$s2.close;
-        sprite.material = new SpriteMaterial({
-          map: texture,
-          depthTest: false,
-          depthWrite: false
-        });
-        setTimeout(function () {
-          return close();
-        }, 800);
-      };
-      var slider = this.getFovView(cb);
-      dialogDiv.appendChild(slider);
-      var borderMesh = new Css2DPoi(dialogDiv);
-      borderMesh.position.copy(sprite.position);
-      return borderMesh;
-    }
-  }, {
-    key: "getFovView",
-    value: function getFovView(cb) {
-      var data = [{
-        text: '0.5',
-        fov: '90'
-      }, {
-        text: '1',
-        fov: '80'
-      }, {
-        text: '1.5',
-        fov: '70'
-      }, {
-        text: '2.0',
-        fov: '60'
-      }, {
-        text: '2.5',
-        fov: '50'
-      }, {
-        text: '3.0',
-        fov: '40'
-      }, {
-        text: '3.5',
-        fov: '30'
-      }];
-      var container = document.createElement('div');
-      container.className = 'dialog-slider-container';
-      var itemsContainer = document.createElement('div');
-      itemsContainer.className = 'dialog-slider-items';
-      container.appendChild(itemsContainer);
-      data.forEach(function (item) {
-        var div = document.createElement('div');
-        div.className = 'dialog-slider-item';
-        div.innerHTML = "".concat(item.text, " X&nbsp;&nbsp;-");
-        div.setAttribute('fov', item.fov);
-        itemsContainer.appendChild(div);
-      });
-      var items = itemsContainer.children;
-      var itemHeight = 58;
-      var totalHeight = items.length * itemHeight;
-      var cloneItems = function cloneItems() {
-        Array.from(items).forEach(function (item) {
-          itemsContainer.appendChild(item.cloneNode(true));
-        });
-      };
-      cloneItems();
-      cloneItems();
-      var highlightMiddleItem = function highlightMiddleItem() {
-        var middlePosition = container.scrollTop + container.clientHeight / 2;
-        var middleIndex = Math.floor(middlePosition / itemHeight) % items.length;
-        Array.from(items).forEach(function (item, index) {
-          if (index === middleIndex) {
-            item.classList.add('highlight');
-            cb(item.getAttribute('fov'));
-          } else {
-            item.classList.remove('highlight');
-          }
-        });
-      };
-      container.addEventListener('scroll', function () {
-        if (container.scrollTop <= 0) container.scrollTop += totalHeight;else if (container.scrollTop >= totalHeight * 2) container.scrollTop -= totalHeight;
-        highlightMiddleItem();
-      });
-      var smoothScrollTo = function smoothScrollTo(targetPosition) {
-        var startPosition = container.scrollTop;
-        var distance = targetPosition - startPosition;
-        var duration = 200;
-        var start = null;
-        var step = function step(timestamp) {
-          if (!start) start = timestamp;
-          var progress = timestamp - start;
-          var progressRatio = Math.min(progress / duration, 1);
-          container.scrollTop = startPosition + distance * progressRatio;
-          if (progress < duration) window.requestAnimationFrame(step);else highlightMiddleItem();
-        };
-        window.requestAnimationFrame(step);
-      };
-      var scrollToItem = function scrollToItem(item) {
-        var index = Array.from(items).indexOf(item);
-        var targetPosition = index * itemHeight - container.clientHeight / 2 + itemHeight / 2;
-        smoothScrollTo(targetPosition);
-      };
-      Array.from(items).forEach(function (item) {
-        item.addEventListener('click', function () {
-          scrollToItem(item);
-        });
-      });
-      setTimeout(function () {
-        // items && (items[3] as HTMLDivElement).click()
-        container.scrollTop = totalHeight;
-        highlightMiddleItem();
-      });
-      var conSlider = document.createElement('div');
-      conSlider.className = 'dialog-slider-bg';
-      conSlider.appendChild(container);
-      return conSlider;
-    }
-  }, {
-    key: "addStyle",
-    value: function addStyle() {
-      // 设置 CSS 规则
-      var css = "\n    .page-mask{\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom:0;\n        right:0;\n        //width: 100%;\n        //height: 100%;\n        background-color: rgba(0, 0, 0, 0.5); /* \u534A\u900F\u660E\u80CC\u666F */\n        //filter: blur(10px); /* \u6A21\u7CCA\u6548\u679C */\n        z-index: 1 !important; /* \u786E\u4FDD\u8499\u7248\u4F4D\u4E8E\u5176\u4ED6\u5143\u7D20\u4E4B\u4E0A */\n    }\n    .dialog-mask{\n      position: absolute;\n      top: 8px;\n      left: 6px;\n      width: calc(100% - 12px);\n      height: calc(100% - 16px);\n     background: linear-gradient(90deg, rgba(0, 0, 0,.4) 0%,rgba(0, 0, 0,.2) 10%, rgba(0, 0, 0,0) 20%, rgba(0,0,0, 0) 50%, rgba(0, 0, 0,0) 80%, rgba(0, 0, 0,0.2) 90%, rgba(0, 0, 0,.4) 100%);\n     pointer-events: auto;\n     opacity: 1;\n     transform: perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n     transform-origin: center center;\n    }\n    .hot-back{\n      width: 70px;\n      height: 25px;\n      border-radius: 2px;\n      color: #fff;\n      font-weight: bold;\n      font-size: 14px;\n      border:1px solid #d1ae6d;\n      background-color: #c8ab75;\n      cursor: pointer; /* \u9F20\u6807\u6307\u9488\u6837\u5F0F */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      left: 30px;\n      top: 30px;\n      pointer-events: auto;\n    }\n    .hot-back:hover{\n      background-color:#c8a158;\n    }\n    .dialog-close{\n      width: 26px;\n      height: 26px;\n      background-image: url(".concat(usePath, "p4/close.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      color: #fff;\n      cursor: pointer; /* \u9F20\u6807\u6307\u9488\u6837\u5F0F */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      right: 28px;\n      top: 20px;\n      pointer-events: auto;\n    }\n    .dialog-operate{\n      width: 199px;\n      height: 182px;\n      background-image: url(").concat(usePath, "p4/operate.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      position: absolute;\n      right: 20px;\n      bottom: 20px;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-btn{\n      width: 20px;\n      height: 34px;\n      position: absolute;\n      cursor: pointer;\n      pointer-events: auto;\n      background-image: url(").concat(usePath, "p4/arrow1.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      transition: all .2s;\n    }\n    .dialog-operate-btn:hover{\n      background-image: url(").concat(usePath, "p4/arrow2.png);\n    }\n\n    .dialog-operate-top{\n      transform: rotateZ(90deg);\n      left: calc(50% - 9px);\n    top: 40px;\n    }\n    .dialog-operate-top:hover{\n      border-bottom-color:#fff2dd;\n    }\n\n    .dialog-operate-bottom{\n      transform: rotateZ(270deg);\n      left: calc(50% - 9px);\n      bottom: 40px;\n    }\n\n    .dialog-operate-bottom:hover{\n      border-top-color:#fff2dd;\n    }\n\n    .dialog-operate-left{\n      top: calc(50% - 18px);\n      left: 58px;\n    }\n    .dialog-operate-left:hover{\n      border-right-color:#fff2dd;\n    }\n\n    .dialog-operate-right{\n      transform: rotateZ(180deg);\n      top: calc(50% - 18px);\n      right: 57px;\n    }\n\n    .dialog-operate-right:hover{\n      border-left-color:#fff2dd;\n    }\n    .dialog-slider-bg {\n      width: 166px;\n      height: 493px;\n      position:absolute;\n      right:36px;\n      top:100px;\n      background: url(").concat(usePath, "p4/fov-bg.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      pointer-events: auto;\n  }\n\n  .dialog-slider-container {\n      height: 406px;\n      margin: 44px 21px;\n      overflow: auto;\n      position: relative;\n      text-align: center;\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      pointer-events: auto;\n  }\n\n  .dialog-slider-container::-webkit-scrollbar {\n      display: none;\n      /* Safari and Chrome */\n  }\n\n  .dialog-slider-items {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n  }\n\n  .dialog-slider-item {\n      width: 100%;\n      height: 58px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      box-sizing: border-box;\n      font-size: 20px;\n      color: #fff;\n      transition: all .2s;\n      cursor: pointer;\n      pointer-events: auto;\n  }\n\n  .dialog-slider-item.highlight {\n      background-image: url(").concat(usePath, "p4/fov-border.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      font-size: 28px;\n      color: #ffda77;\n  }\n");
-      // 创建一个 <style> 元素
-      var styleElement = document.createElement('style');
-      styleElement.appendChild(document.createTextNode(css));
-      // 将 <style> 元素添加到 <head> 中
-      document.head.appendChild(styleElement);
-    }
-  }, {
-    key: "close",
-    value: function close() {
-      if (this.cuteSprites) {
-        this.cuteSprites.forEach(function (mesh) {
-          mesh.remove();
-          mesh.removeFromParent();
-        });
-        this.cuteSprites.length = 0;
-      }
-      this.eventList.has('close') && this.eventList.get('close')();
-      // 移除事件监听
-      this.eventListener.forEach(function (fn) {
-        fn();
-      });
-      this.eventListener.clear();
-      this.eventList.clear();
-    }
-  }]);
-  return Dialog;
-}();
-var HeadMap = /*#__PURE__*/function () {
-  function HeadMap() {
-    _classCallCheck(this, HeadMap);
-    _defineProperty(this, "TemperatureColorStops", {
-      1.0: '#f00',
-      0.9: '#e2fa00',
-      0.6: '#33f900',
-      0.3: '#0349df',
-      0.0: '#0f00ff'
-    });
-    _defineProperty(this, "eventList", new Map());
-    _defineProperty(this, "backEle", void 0);
-    _defineProperty(this, "heatMapPlane", void 0);
-    _defineProperty(this, "canvasList", []);
-    _defineProperty(this, "isShow", false);
-  }
-
-  // 热力图
-  _createClass(HeadMap, [{
-    key: "create",
-    value: function create(distance) {
-      this.isShow = true;
-      var heatmap = heatMap.create({
-        container: this.createDom(),
-        gradient: this.TemperatureColorStops
-      });
-      var len = 100;
-      var _ref4 = [window.innerWidth, window.innerHeight],
-        width = _ref4[0],
-        height = _ref4[1];
-      var dom = document.querySelector('#app');
-      if (dom) {
-        width = dom.clientWidth;
-        height = dom.clientHeight;
-      }
-      var points = [];
-      var max = 0;
-      while (len--) {
-        var val = Math.floor(Math.random() * 5);
-        max = Math.max(max, val);
-        var point = {
-          x: Math.floor(Math.random() * width),
-          y: Math.floor(Math.random() * height),
-          value: val
-        };
-        points.push(point);
-      }
-      heatmap.setData({
-        max: max,
-        data: points
-      });
-
-      // 灰度图
-      var greymap = heatMap.create({
-        container: this.createDom(),
-        gradient: {
-          '0': 'black',
-          '1.0': 'white'
-        }
-      });
-      greymap.setData({
-        max: max,
-        data: points
-      });
-      var heatMapMaterial = new ShaderMaterial({
-        transparent: true,
-        depthTest: false,
-        side: DoubleSide,
-        vertexShader: "varying vec2 vUv;\n          uniform float Zscale;\n          uniform sampler2D greyMap;\n          void main() {\n           vUv = uv;\n          vec4 frgColor = texture2D(greyMap, uv);//\u83B7\u53D6\u7070\u5EA6\u56FE\u70B9\u4F4D\u4FE1\u606F\n          float height = Zscale * frgColor.a;//\u901A\u8FC7\u7070\u5EA6\u56FE\u7684rgb*\u9700\u8981\u8BBE\u7F6E\u7684\u9AD8\u5EA6\u8BA1\u7B97\u51FA\u70ED\u529B\u56FE\u6BCF\u4E2A\u70B9\u4F4D\u6700\u7EC8\u5728z\u8F74\u9AD8\u5EA6\n          vec3 transformed = vec3( position.x, position.y, height);//\u91CD\u65B0\u7EC4\u88C5\u70B9\u5750\u6807\n          gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);//\u6E32\u67D3\u70B9\u4F4D\n         \n          }\n        ",
-        fragmentShader: "varying vec2 vUv;\n          uniform sampler2D heatMap;//\u70ED\u529B\u56FE\n          uniform vec3 u_color;//\u57FA\u7840\u989C\u8272\n          uniform float u_opacity; // \u900F\u660E\u5EA6\n          void main() {\n            //vec4 alphaColor = texture2D(heatMap, vUv);\n            // gl_FragColor = alphaColor;\n             gl_FragColor = vec4(u_color, u_opacity) * texture2D(heatMap, vUv);//\u628A\u70ED\u529B\u56FE\u989C\u8272\u548C\u900F\u660E\u5EA6\u8FDB\u884C\u6E32\u67D3\n          }",
-        uniforms: {
-          heatMap: {
-            value: {
-              value: undefined
-            }
-          },
-          greyMap: {
-            value: {
-              value: undefined
-            }
-          },
-          Zscale: {
-            value: 0
-          },
-          // 高度参数
-          u_color: {
-            value: new Color('rgb(255, 255, 255)')
-          },
-          u_opacity: {
-            value: 0.8
-          }
-        }
-      });
-      var texture = new Texture(heatmap._renderer.canvas);
-      texture.needsUpdate = true;
-      var greyTexture = new Texture(greymap._renderer.canvas);
-      greyTexture.needsUpdate = true;
-      heatMapMaterial.uniforms.heatMap.value = texture;
-      heatMapMaterial.uniforms.greyMap.value = greyTexture;
-      var _use$useScene8 = use.useScene(),
-        camera = _use$useScene8.camera;
-      // 计算平面的尺寸
-      var h = 2 * Math.tan(camera.fov * Math.PI / 360) * distance * 2 * 0.85;
-      var w = h * camera.aspect;
-      var heatMapGeometry = new PlaneGeometry(60, 60 * height / width); // 3d热力图大小，及分块数量
-
-      var heatMapPlane = new Mesh(heatMapGeometry, heatMapMaterial);
-      heatMapPlane.rotation.set(-Math.PI / 2, 0, 0);
-      this.heatMapPlane = heatMapPlane;
-      return heatMapPlane;
-    }
-  }, {
-    key: "addEventListener",
-    value: function addEventListener(eventName, fn) {
-      if (this.eventList.has(eventName)) this.eventList[eventName] = fn;else this.eventList.set(eventName, fn);
-    }
-  }, {
-    key: "addBack",
-    value: function addBack() {
-      var _this6 = this;
-      this.backEle = document.createElement('div');
-      this.backEle.className = 'hot-back';
-      this.backEle.innerHTML = '返回';
-      document.body.appendChild(this.backEle);
-      this.backEle.addEventListener('click', function () {
-        _this6.eventList.has('close') && _this6.eventList.get('close')();
-        // this.remove()
-      });
-    }
-  }, {
-    key: "createDom",
-    value: function createDom() {
-      // 创建一个新的 canvas 元素
-      var canvas = document.createElement('canvas');
-      canvas.style.zIndex = '-1';
-      // 设置 canvas 元素的宽度和高度
-      canvas.width = window.innerWidth;
-      canvas.height = window.innerHeight;
-      document.body.appendChild(canvas);
-      this.canvasList.push(canvas);
-      return canvas;
-    }
-  }, {
-    key: "remove",
-    value: function remove() {
-      this.canvasList.forEach(function (canvas) {
-        canvas.remove();
-      });
-      // this.eventList.has('close') && this.eventList.get('close')()
-      this.canvasList.length = 0;
-      this.backEle && this.backEle.remove();
-      if (this.heatMapPlane) {
-        this.heatMapPlane.removeFromParent();
-        this.heatMapPlane.remove();
-      }
-      this.isShow = false;
-    }
-  }]);
-  return HeadMap;
-}();
-//# sourceMappingURL=CameraPoi.js.map