@kq_npm/client3d_webgl_vue 0.4.0-beta → 0.4.2-beta

package/index.js

@@ -453,8 +453,12 @@ __webpack_require__.d(__webpack_exports__, {
   "Kq3dBoxClipViewModel": function() { return /* reexport */ BoxClipViewModel; },
   "Kq3dCompareMap": function() { return /* reexport */ CompareMap; },
   "Kq3dCompareMapViewModel": function() { return /* reexport */ CompareMapViewModel; },
+  "Kq3dCompass": function() { return /* reexport */ Compass; },
+  "Kq3dCompassViewModel": function() { return /* reexport */ CompassViewModel; },
   "Kq3dExcavateFillAnalysis": function() { return /* reexport */ ExcavateFillAnalysis; },
   "Kq3dExcavateFillAnalysisViewModel": function() { return /* reexport */ ExcavateFillAnalysisViewModel; },
+  "Kq3dFixedZoom": function() { return /* reexport */ FixedZoom; },
+  "Kq3dFixedZoomViewModel": function() { return /* reexport */ FixedZoomViewModel; },
   "Kq3dFlight": function() { return /* reexport */ Flight; },
   "Kq3dFlightViewModel": function() { return /* reexport */ FlightViewModel; },
   "Kq3dFloodAnalysis": function() { return /* reexport */ FloodAnalysis; },
@@ -475,6 +479,8 @@ __webpack_require__.d(__webpack_exports__, {
   "Kq3dPlaneClipViewModel": function() { return /* reexport */ PlaneClipViewModel; },
   "Kq3dProfileAnalysis": function() { return /* reexport */ ProfileAnalysis; },
   "Kq3dProfileAnalysisViewModel": function() { return /* reexport */ ProfileAnalysisViewModel; },
+  "Kq3dResetView": function() { return /* reexport */ ResetView; },
+  "Kq3dResetViewViewModel": function() { return /* reexport */ ResetViewViewModel; },
   "Kq3dRoller": function() { return /* reexport */ Roller; },
   "Kq3dRollerViewModel": function() { return /* reexport */ RollerViewModel; },
   "Kq3dScreenShot": function() { return /* reexport */ Screenshot; },
@@ -496,16 +502,14 @@ __webpack_require__.d(__webpack_exports__, {
   "KqScenceView": function() { return /* reexport */ ScenceView; },
   "KqScenceViewViewModel": function() { return /* reexport */ ScenceViewViewModel; },
   "default": function() { return /* binding */ webgl; },
+  "kq3dUnderground": function() { return /* reexport */ Underground; },
+  "kq3dUndergroundViewModel": function() { return /* reexport */ UndergroundViewModel; },
   "kqAddData": function() { return /* reexport */ AddData; },
   "webglComponents": function() { return /* reexport */ webglComponents; }
 });
 
 ;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
 var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
-;// CONCATENATED MODULE: external "@kq_npm/client_icons_vue"
-var client_icons_vue_namespaceObject = require("@kq_npm/client_icons_vue");
-;// CONCATENATED MODULE: external "@element-plus/icons-vue"
-var icons_vue_namespaceObject = require("@element-plus/icons-vue");
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -2304,138 +2308,6 @@ class ScenceViewViewModel extends (mitt_default()) {
     this._viewer = null;
     this._drawManager = null;
     this._layerManager = null;
-  } //获取相机焦点
-
-
-  getCameraFocus() {
-    var scene = this._viewer.scene;
-    var camera = scene.camera;
-    var rayScratch = new Cesium.Ray();
-    rayScratch.origin = camera.positionWC;
-    rayScratch.direction = camera.directionWC;
-    var result = new Cesium.Cartesian3();
-    result = scene.globe.pick(rayScratch, scene, result);
-
-    if (result) {
-      result = camera.worldToCameraCoordinatesPoint(result, result);
-    }
-
-    return result;
-  } //地图缩放
-
-
-  zoom(scale) {
-    var scene = this._viewer.scene;
-    var camera = scene.camera;
-    var focus = this.getCameraFocus();
-    var orientation;
-
-    if (!focus) {
-      // Camera direction is not pointing at the globe, so use the ellipsoid horizon point as
-      // the focal point.
-      var ray = new Cesium.Ray(camera.worldToCameraCoordinatesPoint(scene.globe.ellipsoid.cartographicToCartesian(camera.positionCartographic)), camera.directionWC);
-      focus = Cesium.IntersectionTests.grazingAltitudeLocation(ray, scene.globe.ellipsoid);
-      orientation = {
-        heading: camera.heading,
-        pitch: camera.pitch,
-        roll: camera.roll
-      };
-    } else {
-      orientation = {
-        direction: camera.direction,
-        up: camera.up
-      };
-    }
-
-    var cartesian3Scratch = new Cesium.Cartesian3();
-    var direction = Cesium.Cartesian3.subtract(camera.position, focus, cartesian3Scratch);
-    var movementVector = Cesium.Cartesian3.multiplyByScalar(direction, scale, direction);
-    var endPosition = Cesium.Cartesian3.add(focus, movementVector, focus);
-    camera.flyTo({
-      destination: endPosition,
-      orientation: orientation,
-      duration: 0.5,
-      convert: false
-    });
-  } //地图放大
-
-
-  zoomIn() {
-    this.zoom(0.5);
-  } //地图缩小
-
-
-  zoomOut() {
-    this.zoom(2);
-  } //重置视角
-
-
-  resetView() {//this._viewer.camera.flyHome(1);
-  } //重置方向
-
-
-  resetOrientation() {
-    var camera = this._viewer.camera;
-    var scene = this._viewer.scene;
-    var depthTestAgainstTerrain = scene.globe.depthTestAgainstTerrain;
-
-    if (!depthTestAgainstTerrain) {
-      scene.globe.depthTestAgainstTerrain = true;
-    }
-
-    var canvas = scene.canvas;
-    var windowCenter = new Cesium.Cartesian2(canvas.clientWidth / 2, canvas.clientHeight / 2);
-    setTimeout(() => {
-      var center = scene.pickPosition(windowCenter);
-
-      if (!center) {
-        center = scene.camera.pickEllipsoid(windowCenter, scene.globe.ellipsoid);
-      }
-
-      scene.globe.depthTestAgainstTerrain = depthTestAgainstTerrain;
-      var distance = Cesium.Cartesian3.distance(center, camera.positionWC);
-      var heading = 6.28319;
-      var pitch = camera.pitch;
-      var hpr = new Cesium.HeadingPitchRange(heading, pitch, distance);
-      camera.lookAt(center, hpr);
-      camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
-    }, 300);
-  } //绑定指南针
-
-
-  bindCompassEvent(heading) {
-    var camera = this._viewer.camera;
-    this._removeEventListener = camera.changed.addEventListener(function () {
-      heading.value = camera.heading;
-    });
-  } //获取三维视角
-
-
-  getViewPosition() {
-    var camera = this._viewer.camera;
-    var position = {
-      x: camera.position.x,
-      y: camera.position.y,
-      z: camera.position.z
-    };
-    return {
-      position: position,
-      heading: camera.heading,
-      pitch: camera.pitch,
-      roll: camera.roll
-    };
-  } //设置三维视角
-
-
-  setViewPosition(view) {
-    this._viewer.camera.flyTo({
-      destination: view.position,
-      orientation: {
-        heading: view.heading,
-        pitch: view.pitch,
-        roll: view.roll
-      }
-    });
   } //创建底图
 
 
@@ -2578,11 +2450,6 @@ const _hoisted_1 = {
   oncontextmenu: "return false;"
 };
 const _hoisted_2 = ["id"];
-const _hoisted_3 = {
-  class: "view-left-tools"
-};
-
-
 
 
 const __default__ = {
@@ -2617,17 +2484,11 @@ const __default__ = {
         defaultShowLayerNames: []
       }
     },
-    showToolButtons: {
-      type: Boolean,
-      default: true
-    },
     // ScenceView初始化的参数对象，包含初始化范围和layer信息。
     scenceInfo: Object
   },
 
-  setup(__props, {
-    expose
-  }) {
+  setup(__props) {
     const props = __props;
     const {
       proxy
@@ -2640,123 +2501,472 @@ const __default__ = {
      *   showToolButtons - 是否显示左侧工具栏按钮
      */
 
-    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
-    let viewModel = null;
-    let heading = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(0);
-    let removeEventListener = null;
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
-      //设置语言
-      let _lang = proxy.$i18n.locale;
-      let _language = proxy.$i18n.messages[_lang]['webgl'];
-      language.value = _language; //初始化逻辑类
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let viewModel = null;
+    let removeEventListener = null;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      //设置语言
+      let _lang = proxy.$i18n.locale;
+      let _language = proxy.$i18n.messages[_lang]['webgl'];
+      language.value = _language; //初始化逻辑类
+
+      viewModel = new ScenceViewViewModel(props, _language);
+      viewModel.initViewer();
+    }); // 销毁
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    return (_ctx, _cache) => {
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderSlot)(_ctx.$slots, "default"), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+        id: props.target,
+        class: "view-container"
+      }, null, 8
+      /* PROPS */
+      , _hoisted_2)]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/scenceview/ScenceView.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/scenceview/ScenceView.vue
+
+
+
+const __exports__ = ScenceViewvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ScenceView = (__exports__);
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/scenceview/index.js
+
+
+
+
+ScenceView.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ScenceView.name, ScenceView);
+};
+
+
+;// CONCATENATED MODULE: external "@element-plus/icons-vue"
+var icons_vue_namespaceObject = require("@element-plus/icons-vue");
+;// CONCATENATED MODULE: ./src/webgl/fixedzoom/FixedZoomViewModel.js
+
+// 三维固定缩放逻辑
+class FixedZoomViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_viewer", null);
+
+    this._viewer = viewer;
+  } //获取相机焦点
+
+
+  getCameraFocus() {
+    if (!this._viewer) return;
+    var scene = this._viewer.scene;
+    var camera = scene.camera;
+    var rayScratch = new Cesium.Ray();
+    rayScratch.origin = camera.positionWC;
+    rayScratch.direction = camera.directionWC;
+    var result = new Cesium.Cartesian3();
+    result = scene.globe.pick(rayScratch, scene, result);
+
+    if (result) {
+      result = camera.worldToCameraCoordinatesPoint(result, result);
+    }
+
+    return result;
+  } //地图缩放
+
+
+  zoom(scale) {
+    if (!this._viewer) return;
+    var scene = this._viewer.scene;
+    var camera = scene.camera;
+    var focus = this.getCameraFocus();
+    var orientation;
+
+    if (!focus) {
+      // Camera direction is not pointing at the globe, so use the ellipsoid horizon point as
+      // the focal point.
+      var ray = new Cesium.Ray(camera.worldToCameraCoordinatesPoint(scene.globe.ellipsoid.cartographicToCartesian(camera.positionCartographic)), camera.directionWC);
+      focus = Cesium.IntersectionTests.grazingAltitudeLocation(ray, scene.globe.ellipsoid);
+      orientation = {
+        heading: camera.heading,
+        pitch: camera.pitch,
+        roll: camera.roll
+      };
+    } else {
+      orientation = {
+        direction: camera.direction,
+        up: camera.up
+      };
+    }
+
+    var cartesian3Scratch = new Cesium.Cartesian3();
+    var direction = Cesium.Cartesian3.subtract(camera.position, focus, cartesian3Scratch);
+    var movementVector = Cesium.Cartesian3.multiplyByScalar(direction, scale, direction);
+    var endPosition = Cesium.Cartesian3.add(focus, movementVector, focus);
+    camera.flyTo({
+      destination: endPosition,
+      orientation: orientation,
+      duration: 0.5,
+      convert: false
+    });
+  }
+
+}
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/fixedzoom/FixedZoom.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+ // 获取组件传参
+
+const FixedZoomvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dFixedZoom"
+};
+/* harmony default export */ var FixedZoomvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(FixedZoomvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    mapTarget: String,
+    // 切换按钮是固定放大还是固定缩小，值：zoomIn 或 zoomOut
+    isZoomInOrOut: {
+      type: Boolean,
+      default: true
+    },
+    // 按钮图标大小
+    iconSize: {
+      type: Number,
+      default: 16
+    },
+    // 按钮大小
+    buttonSize: {
+      type: String,
+      default: "32px"
+    }
+  },
+
+  setup(__props) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let viewModel = null;
+    let btn = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          viewModel = new FixedZoomViewModel(scenceView._viewer);
+        }
+      });
+    }); // 按钮点击事件
+
+    function btnClick() {
+      btn.value.$el.blur();
+      viewModel && viewModel.zoom(props.isZoomInOrOut ? 0.5 : 2);
+    }
+
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_button, {
+        title: __props.isZoomInOrOut ? (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).zoomIn : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).zoomOut,
+        ref_key: "btn",
+        ref: btn,
+        onClick: btnClick,
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('width:' + __props.buttonSize)
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [__props.isZoomInOrOut ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_icon, {
+          key: 0,
+          size: __props.iconSize
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.Plus))]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["size"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true), !__props.isZoomInOrOut ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_icon, {
+          key: 1,
+          size: __props.iconSize
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.Minus))]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["size"])) : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createCommentVNode)("v-if", true)]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title", "style"]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/fixedzoom/FixedZoom.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/fixedzoom/FixedZoom.vue
+
+
+
+const FixedZoom_exports_ = FixedZoomvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var FixedZoom = (FixedZoom_exports_);
+;// CONCATENATED MODULE: ./src/webgl/fixedzoom/index.js
+
+
+
+
+FixedZoom.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(FixedZoom.name, FixedZoom);
+};
+
+
+;// CONCATENATED MODULE: ./src/webgl/resetview/ResetViewViewModel.js
+
+// 重置视图
+class ResetViewViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_viewer", null);
+
+    this._viewer = viewer;
+  } //重置视角
+
+
+  resetView() {
+    this._viewer.camera.flyHome(1);
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/resetview/ResetView.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+ // 获取组件传参
+
+const ResetViewvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dResetView"
+};
+/* harmony default export */ var ResetViewvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(ResetViewvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    mapTarget: String,
+    // 按钮图标大小
+    iconSize: {
+      type: Number,
+      default: 16
+    },
+    // 按钮大小
+    buttonSize: {
+      type: String,
+      default: "32px"
+    }
+  },
+
+  setup(__props) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let viewModel = null;
+    let btn = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          viewModel = new ResetViewViewModel(scenceView._viewer);
+        }
+      });
+    }); // 按钮点击事件
+
+    function btnClick(e) {
+      btn.value.$el.blur();
+      viewModel && viewModel.resetView();
+    }
+
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
+
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_button, {
+        ref_key: "btn",
+        ref: btn,
+        onClick: btnClick,
+        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).resetView,
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('width:' + __props.buttonSize)
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
+          size: __props.iconSize
+        }, {
+          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.RefreshLeft))]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["size"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["title", "style"]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/resetview/ResetView.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/resetview/ResetView.vue
+
+
+
+const ResetView_exports_ = ResetViewvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var ResetView = (ResetView_exports_);
+;// CONCATENATED MODULE: ./src/webgl/resetview/index.js
+
+
+
+
+ResetView.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(ResetView.name, ResetView);
+};
+
+
+;// CONCATENATED MODULE: external "@kq_npm/client_icons_vue"
+var client_icons_vue_namespaceObject = require("@kq_npm/client_icons_vue");
+;// CONCATENATED MODULE: ./src/webgl/compass/CompassViewModel.js
+
+// 重置视图
+class CompassViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_viewer", null);
+
+    this._viewer = viewer;
+  } //重置方向
+
+
+  resetOrientation() {
+    var camera = this._viewer.camera;
+    var scene = this._viewer.scene;
+    var depthTestAgainstTerrain = scene.globe.depthTestAgainstTerrain;
+
+    if (!depthTestAgainstTerrain) {
+      scene.globe.depthTestAgainstTerrain = true;
+    }
 
-      viewModel = new ScenceViewViewModel(props, _language);
-      viewModel.initViewer();
+    var canvas = scene.canvas;
+    var windowCenter = new Cesium.Cartesian2(canvas.clientWidth / 2, canvas.clientHeight / 2);
+    setTimeout(() => {
+      var center = scene.pickPosition(windowCenter);
 
-      if (props.showToolButtons) {
-        //绑定指南针事件
-        viewModel.bindCompassEvent(heading);
+      if (!center) {
+        center = scene.camera.pickEllipsoid(windowCenter, scene.globe.ellipsoid);
       }
-    }); // 销毁
 
-    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
-      viewModel && viewModel.destroy();
-    }); //地图放大
+      scene.globe.depthTestAgainstTerrain = depthTestAgainstTerrain;
+      var distance = Cesium.Cartesian3.distance(center, camera.positionWC);
+      var heading = 6.28319;
+      var pitch = camera.pitch;
+      var hpr = new Cesium.HeadingPitchRange(heading, pitch, distance);
+      camera.lookAt(center, hpr);
+      camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+    }, 300);
+  } //绑定指南针
 
-    function zoomIn() {
-      viewModel && viewModel.zoomIn();
-    } //地图缩小
 
+  bindCompassEvent(heading) {
+    var camera = this._viewer.camera;
+    this._removeEventListener = camera.changed.addEventListener(function () {
+      heading.value = camera.heading;
+    });
+  } // 注销事件
 
-    function zoomOut() {
-      viewModel && viewModel.zoomOut();
-    } //重置视角
 
+  destroy() {
+    if (this._removeEventListener) {
+      this._removeEventListener();
 
-    function resetView() {
-      viewModel && viewModel.resetView();
-    } //重置方向
+      this._removeEventListener = null;
+    }
 
+    this._viewer = null;
+  }
 
-    function resetOrientation() {
-      viewModel && viewModel.resetOrientation();
-    }
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/compass/Compass.vue?vue&type=script&setup=true&lang=js
 
-    expose({
-      zoomIn,
-      zoomOut,
-      resetView,
-      resetOrientation
-    });
-    return (_ctx, _cache) => {
-      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
 
-      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
 
-      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderSlot)(_ctx.$slots, "default"), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
-        id: props.target,
-        class: "view-container"
-      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_3, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: zoomIn,
-        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).zoomIn
-      }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
-          size: 16
-        }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.Plus))]),
-          _: 1
-          /* STABLE */
 
-        })]),
-        _: 1
-        /* STABLE */
+ // 获取组件传参
 
-      }, 8
-      /* PROPS */
-      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: zoomOut,
-        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).zoomOut,
-        style: {
-          "margin-top": "0px"
+const Compassvue_type_script_setup_true_lang_js_default_ = {
+  name: "Kq3dCompass"
+};
+/* harmony default export */ var Compassvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Compassvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    mapTarget: String,
+    // 按钮图标大小
+    iconSize: {
+      type: Number,
+      default: 16
+    },
+    // 按钮大小
+    buttonSize: {
+      type: String,
+      default: "32px"
+    }
+  },
+
+  setup(__props) {
+    const props = __props;
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let viewModel = null;
+    let heading = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(0);
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          language.value = scenceView._language;
+          viewModel = new CompassViewModel(scenceView._viewer); //绑定指南针事件
+
+          viewModel.bindCompassEvent(heading);
         }
-      }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
-          size: 16
-        }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.Minus))]),
-          _: 1
-          /* STABLE */
+      });
+    }); // 按钮点击事件
 
-        })]),
-        _: 1
-        /* STABLE */
+    function btnClick(e) {
+      viewModel && viewModel.resetOrientation();
+    } // 销毁
 
-      }, 8
-      /* PROPS */
-      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: resetView,
-        title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).resetView
-      }, {
-        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
-          size: 20
-        }, {
-          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.RefreshLeft))]),
-          _: 1
-          /* STABLE */
 
-        })]),
-        _: 1
-        /* STABLE */
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");
 
-      }, 8
-      /* PROPS */
-      , ["title"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: resetOrientation,
+      const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-button");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_button, {
+        onClick: btnClick,
         title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).resetOrientation,
-        class: "compass"
+        style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('clip-path: circle(50%);width:' + __props.buttonSize)
       }, {
         default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
-          size: 20,
+          size: __props.iconSize,
           style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('transform: rotate(-' + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(heading) + 'rad);-webkit-transform: rotate(-' + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(heading) + 'rad)')
         }, {
           default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(client_icons_vue_namespaceObject.IconCompass3D))]),
@@ -2765,46 +2975,37 @@ const __default__ = {
 
         }, 8
         /* PROPS */
-        , ["style"])]),
+        , ["size", "style"])]),
         _: 1
         /* STABLE */
 
       }, 8
       /* PROPS */
-      , ["title"])], 512
-      /* NEED_PATCH */
-      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, __props.showToolButtons]])], 8
-      /* PROPS */
-      , _hoisted_2)]);
+      , ["title", "style"]);
     };
   }
 
 }));
-;// CONCATENATED MODULE: ./src/webgl/scenceview/ScenceView.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/webgl/compass/Compass.vue?vue&type=script&setup=true&lang=js
  
-;// CONCATENATED MODULE: ./src/webgl/scenceview/ScenceView.vue
+;// CONCATENATED MODULE: ./src/webgl/compass/Compass.vue
 
 
 
-const __exports__ = ScenceViewvue_type_script_setup_true_lang_js;
+const Compass_exports_ = Compassvue_type_script_setup_true_lang_js;
 
-/* harmony default export */ var ScenceView = (__exports__);
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
-var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/webgl/scenceview/index.js
+/* harmony default export */ var Compass = (Compass_exports_);
+;// CONCATENATED MODULE: ./src/webgl/compass/index.js
 
 
 
 
-ScenceView.install = (Vue, opts) => {
+Compass.install = (Vue, opts) => {
   init_js_default()(Vue, opts);
-  Vue.component(ScenceView.name, ScenceView);
+  Vue.component(Compass.name, Compass);
 };
 
 
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
-var gis_utils_namespaceObject = require("@kq_npm/client_common_vue/_utils/gis-utils");
 ;// CONCATENATED MODULE: ./src/webgl/baseterraingallery/BaseterrainGalleryViewModel.js
 
 //地形淹没分析逻辑类
@@ -2883,7 +3084,7 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_1 = {
 const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_2 = {
   class: "divSpan"
 };
-const BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3 = ["src"];
+const _hoisted_3 = ["src"];
 const _hoisted_4 = ["src"];
 const _hoisted_5 = ["src"];
 
@@ -2997,7 +3198,7 @@ const BaseterrainGalleryvue_type_script_setup_true_lang_js_default_ = {
                   alt: ""
                 }, null, 8
                 /* PROPS */
-                , BaseterrainGalleryvue_type_script_setup_true_lang_js_hoisted_3)]),
+                , _hoisted_3)]),
                 _: 1
                 /* STABLE */
 
@@ -20537,6 +20738,176 @@ Roller.install = (Vue, opts) => {
 };
 
 
+;// CONCATENATED MODULE: ./src/webgl/underground/UndergroundViewModel.js
+
+class UndergroundViewModel {
+  constructor(viewer) {
+    _defineProperty(this, "_viewer", null);
+
+    _defineProperty(this, "_undergroundManager", null);
+
+    this._viewer = viewer;
+    this._undergroundManager = new Cesium.Kq3dUndergroundManager(this._viewer.scene);
+  }
+
+  open() {
+    this._viewer.scene.skyAtmosphere.show = false; // 关闭碰撞检测
+
+    this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = false; // false;
+    // 关闭深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = false; // false;
+
+    window.Cesium.Kq3dUndergroundMixin(this._viewer.scene); // 开启地下模式
+
+    this._undergroundManager.undergroundEnabled = true; // true;
+    // 开启地形透明
+
+    this._undergroundManager.transparentEnabled = true; // true;
+    // 设置地形透明度，透明度在0-1之间
+
+    this._undergroundManager.transparent = 0.5;
+  }
+
+  close() {
+    this._viewer.scene.skyAtmosphere.show = true; // 开启碰撞检测
+
+    this._viewer.scene.screenSpaceCameraController.enableCollisionDetection = true; // true;
+    // 开启深度检测
+
+    this._viewer.scene.globe.depthTestAgainstTerrain = true; // true;
+    // 关闭地下模式
+
+    this._undergroundManager.undergroundEnabled = false; // false;
+    // 关闭地形透明
+
+    this._undergroundManager.transparentEnabled = false; // false;
+    // 设置地形透明度，透明度在0-1之间
+
+    this._undergroundManager.transparent = 0;
+  }
+
+  destroy() {
+    this.close();
+  }
+
+}
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
+
+const Undergroundvue_type_script_setup_true_lang_js_hoisted_1 = {
+  class: "kq3d-underground"
+};
+
+
+
+const Undergroundvue_type_script_setup_true_lang_js_default_ = {
+  name: "kq3dUnderground"
+};
+/* harmony default export */ var Undergroundvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(Undergroundvue_type_script_setup_true_lang_js_default_, {
+  props: {
+    //设置参数
+    top: {
+      type: Number,
+      default: 20
+    },
+    right: {
+      type: Number,
+      default: 20
+    }
+  },
+
+  setup(__props) {
+    const props = __props;
+    const {
+      proxy
+    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)(); //获取组件传参
+
+    let value = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true);
+    const value1 = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true);
+    let currentLang = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
+    let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
+    let isUndergroundMode = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
+    let viewer = null;
+    let viewModel = null;
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
+      // currentLang.value = proxy.$i18n.locale; // 获取当前语言
+      gis_utils_namespaceObject.utils.getWebMap(null, scenceView => {
+        if (scenceView) {
+          viewer = scenceView._viewer;
+          language.value = scenceView._language;
+          viewModel = new UndergroundViewModel(viewer);
+        }
+      });
+    });
+
+    function undergroundChange() {
+      if (isUndergroundMode.value) {
+        viewModel.open();
+      } else {
+        viewModel.close();
+      }
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_switch = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-switch");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
+
+      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("section", Undergroundvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, {
+        "label-width": "120px",
+        "label-position": "left"
+      }, {
+        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
+          class: "kq3d-underground-switch",
+          style: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeStyle)('top: ' + props.top + 'px; right: ' + props.right + 'px;')
+        }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_switch, {
+          modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(isUndergroundMode),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.isRef)(isUndergroundMode) ? isUndergroundMode.value = $event : isUndergroundMode = $event),
+          onChange: undergroundChange,
+          "active-color": "#409EFF",
+          "inactive-color": "#C0CCDA",
+          width: 30,
+          "active-text": "地下",
+          style: {
+            "margin-right": "'5px'"
+          }
+        }, null, 8
+        /* PROPS */
+        , ["modelValue"])], 4
+        /* STYLE */
+        )]),
+        _: 1
+        /* STABLE */
+
+      })]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/underground/Underground.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/underground/Underground.vue
+
+
+
+const Underground_exports_ = Undergroundvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var Underground = (Underground_exports_);
+;// CONCATENATED MODULE: ./src/webgl/underground/index.js
+
+
+
+
+Underground.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(Underground.name, Underground);
+};
+
+
 ;// CONCATENATED MODULE: ./src/webgl/components.js
 /**
  * Author: 朱鹏超
@@ -20545,6 +20916,13 @@ Roller.install = (Vue, opts) => {
  * LastEditors: 朱鹏超
  */
 
+ // 三维地图快捷工具
+
+
+
+
+
+
  // 在线地形
 
 
@@ -20592,6 +20970,8 @@ Roller.install = (Vue, opts) => {
 
 
 
+
+
 
 
 
@@ -20620,7 +21000,11 @@ const webglComponents = {
   Kq3dCompareMap: CompareMap,
   Kq3dHawkeye: Hawkeye,
   Kq3dRoller: Roller,
-  Kq3dScreenShot: Screenshot
+  Kq3dScreenShot: Screenshot,
+  Kq3dFixedZoom: FixedZoom,
+  Kq3dResetView: ResetView,
+  Kq3dCompass: Compass,
+  kq3dUnderground: Underground
 }; // 全局引入
 
 const install = function (Vue, opts = {}) {