@kq_npm/client3d_webgl_vue 0.4.1-beta → 0.4.3-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; },
@@ -504,10 +510,6 @@ __webpack_require__.d(__webpack_exports__, {
 
 ;// 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) {
@@ -2306,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
-      }
-    });
   } //创建底图
 
 
@@ -2580,11 +2450,6 @@ const _hoisted_1 = {
   oncontextmenu: "return false;"
 };
 const _hoisted_2 = ["id"];
-const _hoisted_3 = {
-  class: "view-left-tools"
-};
-
-
 
 
 const __default__ = {
@@ -2619,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
@@ -2644,7 +2503,6 @@ const __default__ = {
 
     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)(() => {
       //设置语言
@@ -2654,111 +2512,461 @@ const __default__ = {
 
       viewModel = new ScenceViewViewModel(props, _language);
       viewModel.initViewer();
-
-      if (props.showToolButtons) {
-        //绑定指南针事件
-        viewModel.bindCompassEvent(heading);
-      }
     }); // 销毁
 
     (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)]);
+    };
+  }
 
-    function zoomIn() {
-      viewModel && viewModel.zoomIn();
-    } //地图缩小
+}));
+;// CONCATENATED MODULE: ./src/webgl/scenceview/ScenceView.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/scenceview/ScenceView.vue
 
 
-    function zoomOut() {
-      viewModel && viewModel.zoomOut();
-    } //重置视角
 
+const __exports__ = ScenceViewvue_type_script_setup_true_lang_js;
 
-    function resetView() {
-      viewModel && viewModel.resetView();
-    } //重置方向
+/* 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
 
 
-    function resetOrientation() {
-      viewModel && viewModel.resetOrientation();
+
+
+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);
     }
 
-    expose({
-      zoomIn,
-      zoomOut,
-      resetView,
-      resetOrientation
+    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.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
+      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)(() => [(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)(() => [__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 */
 
-        })]),
-        _: 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"
-        }
-      }, {
-        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
+        }, 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"]), (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
+      , ["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: 20
+          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"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_button, {
-        onClick: resetOrientation,
+      , ["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;
+    }
+
+    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;
+    });
+  } // 注销事件
+
+
+  destroy() {
+    if (this._removeEventListener) {
+      this._removeEventListener();
+
+      this._removeEventListener = null;
+    }
+
+    this._viewer = null;
+  }
+
+}
+;// 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
+
+
+
+
+ // 获取组件传参
+
+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);
+        }
+      });
+    }); // 按钮点击事件
+
+    function btnClick(e) {
+      viewModel && viewModel.resetOrientation();
+    } // 销毁
+
+
+    (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");
+
+      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))]),
@@ -2767,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
 
 //地形淹没分析逻辑类
@@ -2885,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"];
 
@@ -2999,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 */
 
@@ -20717,6 +20916,13 @@ Underground.install = (Vue, opts) => {
  * LastEditors: 朱鹏超
  */
 
+ // 三维地图快捷工具
+
+
+
+
+
+
  // 在线地形
 
 
@@ -20795,6 +21001,9 @@ const webglComponents = {
   Kq3dHawkeye: Hawkeye,
   Kq3dRoller: Roller,
   Kq3dScreenShot: Screenshot,
+  Kq3dFixedZoom: FixedZoom,
+  Kq3dResetView: ResetView,
+  Kq3dCompass: Compass,
   kq3dUnderground: Underground
 }; // 全局引入