@kq_npm/client3d_webgl_vue 4.0.9-beta → 4.1.0-beta

package/index.js

@@ -88,6 +88,22 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".coord-sightline{background:rgba(42,42
 /* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 825:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".cesium-performanceDisplay-defaultContainer{top:unset !important;bottom:16px;right:64px !important}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["Z"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 854:
@@ -1482,6 +1498,105 @@ class DrawManager {
     return layerList;
   }
 
+  createShapeFromFeature(feature, callFun, style, isLocation) {
+    let type = feature.geometry.type;
+    let shape = null,
+        coordinate = null;
+    let positions = [];
+
+    switch (type) {
+      case "Point":
+      case "MultiPoint":
+        coordinate = feature.geometry.coordinates;
+        if (type === "MultiPoint") coordinate = coordinate[0];
+        let position = Cesium.Cartesian3.fromDegrees(coordinate[0], coordinate[1]);
+        shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.MARKER.type, '', {
+          position: position,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY,
+          width: 32,
+          height: 32,
+          image: const_image_namespaceObject.MARKER_URL
+        });
+        break;
+
+      case "LineString":
+      case "MultiLineString":
+        coordinate = feature.geometry.coordinates;
+        if (type === "MultiLineString") coordinate = coordinate[0];
+        positions = [];
+        coordinate.forEach(arr => {
+          positions.push(Cesium.Cartesian3.fromDegrees(arr[0], arr[1]));
+        });
+        shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYLINE.type, '线', {
+          controlPoints: positions,
+          color: Cesium.Color.fromCssColorString(style.color),
+          width: style.weight,
+          clampToGround: true
+        });
+        break;
+
+      case "Polygon":
+      case "MultiPolygon":
+        coordinate = feature.geometry.coordinates[0];
+        if (type === "MultiPolygon") coordinate = coordinate[0];
+        positions = [];
+        coordinate.forEach(arr => {
+          positions.push(Cesium.Cartesian3.fromDegrees(arr[0], arr[1]));
+        });
+        shape = this._drawHandler.createShape(this._drawHandler.ShapeTypes.POLYGON.type, '面', {
+          controlPoints: positions,
+          color: Cesium.Color.fromCssColorString(style.color),
+          width: style.weight,
+          fillColor: Cesium.Color.fromCssColorString(style.fillColor).withAlpha(style.fillOpacity),
+          fill: true,
+          clampToGround: true
+        });
+        break;
+
+      default:
+        break;
+    }
+
+    if (shape) {
+      this._drawLayer.add(shape);
+
+      if (callFun) callFun(shape.guid);
+
+      if (isLocation) {
+        setTimeout(() => {
+          this._drawHandler.startEdit(shape);
+
+          let offset = new Cesium.HeadingPitchRange(0, Cesium.Math.toRadians(-90), 0);
+
+          this._viewer.camera.flyToBoundingSphere(shape.boundingSphere, {
+            duration: 1.5,
+            offset
+          });
+        }, 200);
+      }
+    }
+  }
+
+  startEditById(id) {
+    let shape = this._drawLayer.getById(id);
+
+    if (shape) {
+      this._drawHandler.startEdit(shape);
+    }
+  }
+
+  getFeatureById(id) {
+    let feature = null;
+
+    let shape = this._drawLayer.getById(id);
+
+    if (shape) {
+      feature = shapeToGeoFeature(shape);
+    }
+
+    return feature;
+  }
+
   removeGeometryById(id) {
     this._drawLayer.removeById(id); // 删除图形关联的样式设置框
 
@@ -11634,7 +11749,9 @@ class LimitHeightAnalysisViewModel {
 
 
   destroy() {
-    this._limitHeightAnalysis && this._limitHeightAnalysis.destroy();
+    this.clear();
+    this._drawFinishedEventListener && this._drawFinishedEventListener();
+    this._drawFinishedEventListener = null;
   }
 
 }
@@ -27177,6 +27294,7 @@ class AddDataViewModel {
         break;
 
       case "kqgis3dserver":
+        // KQGIS 三维服务
         var geojsonStyle0 = { ...this._geojsonStyle
         };
 
@@ -27300,7 +27418,7 @@ class AddDataViewModel {
           children: [],
           lsType: "ls"
         };
-        const service = new KqGIS.Map.GetMapImageInfoService(url);
+        const service = new window.KqGIS.Map.GetMapImageInfoService(url);
         service.init(result => {
           if (result.resultcode === "success") {
             let list = service.collectionInfoList;
@@ -27334,31 +27452,16 @@ class AddDataViewModel {
           } else {
             console.log("解析服务原始信息失败.");
           }
-        }); // layer = this._viewer.imageryLayers.addImageryProvider(
-        //   new Cesium.Kq3dKQGISServerImageryProviderExt({
-        //     name: name,
-        //     url: url,
-        //     layerName: name
-        //   })
-        // );
-        // this.flyToLayer(layer);
-        // node = {
-        //   guid: layer.guid,
-        //   name: name,
-        //   visible: true,
-        //   serverType: "imagerylayer",
-        //   lsType: "ls",
-        //   url: url,
-        //   addType: type,
-        //   layerName: name,
-        //   type: "Image" // 图层树显示图标使用
-        // };
-        // this._layerManager.addTempLayerNode(node);
-        // cb && cb(node);
+        });
+        break;
 
+      case "kqgisdataserver":
+        // KQGIS 数据服务
+        // addDataServer(url, name);
         break;
 
       case "kqgismapserver":
+        // KQGIS 地图服务
         if (loadCustom) {
           loadCustom({
             name,
@@ -27443,6 +27546,7 @@ class AddDataViewModel {
         break;
 
       case "arcgismapserver":
+        // ARCGIS 地图服务
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dArcGISMapServerImageryProvider({
           name: name,
           url: url,
@@ -27466,6 +27570,7 @@ class AddDataViewModel {
         break;
 
       case "mvt":
+        // 矢量瓦片
         layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dMvtImageryProviderExt({
           name: name,
           style: url
@@ -27489,6 +27594,7 @@ class AddDataViewModel {
         break;
 
       case "kqgisdataflowserver":
+        // KQGIS 数据流服务
         let guid = Cesium.createGuid();
         layer = new Cesium.Kq3dDataFlowLayer(this._viewer, {
           url: url,
@@ -27556,8 +27662,10 @@ class AddDataViewModel {
         break;
 
       case "wmts":
-      case "kqgistileserver":
+      case "kqgistileserver": // KQGIS 瓦片服务
+
       case "kqgisaggregationserver":
+        // KQGIS 聚合服务
         if (type === "kqgistileserver") {
           if (url.indexOf("?") > 0) {
             url = url.replace("?", "/wmts?");
@@ -27784,6 +27892,68 @@ class AddDataViewModel {
       default:
         break;
     }
+  } // 添加数据服务
+
+
+  addDataServer(url, name) {
+    window.KqGIS.datasourceService(url).getDatasources(async e => {
+      if (e.result.resultcode === 'success') {
+        let datasourceList = e.result.result.datasources;
+
+        if (datasourceList) {
+          for (let i = 0; i < datasourceList.length; i++) {
+            await _getDatasetList(url, datasourceList[i].datasourceName);
+          }
+        }
+      } else {
+        console.error(e);
+      }
+    }, err => {
+      console.error(err);
+    });
+  }
+
+  _getDatasetList(url, dataSourceName) {
+    let params = new window.KqGIS.Data.GetDatasetsInfoParams({
+      datasourceName: dataSourceName
+    });
+    return new Promise((resolve, reject) => {
+      window.KqGIS.datasetService(url).getDatasets(params, e => {
+        if (e.result.resultcode === 'success') {
+          resolve(e.result.result.datasets);
+        } else {
+          console.error(e);
+          reject([]);
+        }
+      }, err => {
+        console.error(err);
+        reject([]);
+      });
+    });
+  }
+
+  _getFeatureList(url, datasourceName, datasetName) {
+    let params = new window.KqGIS.Data.GetFeaturesParamsBase({
+      datasourceName: datasourceName,
+      datasetName: datasetName,
+      hasGeometry: true,
+      returnContent: true,
+      outSRS: 'EPSG:4326'
+    });
+    return new Promise((resolve, reject) => {
+      window.KqGIS.dataFeatureService(url).getFeatureList(params, e => {
+        if (e.result.resultcode === 'success') {
+          e.result.result['datasetName'] = datasetName;
+          resolve(e.result.result);
+        } else {
+          console.error(e);
+          reject(null);
+        }
+      }, err => {
+        console.error(err);
+        resolve(null);
+      });
+    });
   }
 
   flyToLayer(layer) {
@@ -28037,7 +28207,14 @@ const AddDatavue_type_script_setup_true_lang_js_default_ = {
         namePlaceholder: language.value.optional,
         urlPlaceholder: language.value.format + ":http://<host>:<port>/kqgis/rest/services/<servername>/map",
         description: language.value.imagertyMapServerdescription
-      }, {
+      }, // {
+      //   type: "kqgisdataserver",
+      //   name: language.value.KQGISDataServer,
+      //   namePlaceholder: language.value.optional,
+      //   urlPlaceholder: language.value.format + ":http://<host>:<port>/kqgis/rest/services/<servername>/data",
+      //   description: language.value.imagertyDataServerdescription
+      // },
+      {
         type: "kqgisimageserver",
         name: language.value.KQGISImageServer,
         namePlaceholder: language.value.optional,
@@ -32689,11 +32866,14 @@ class VideoProjectViewModel {
   project() {
     this.clear();
     let position = Cesium.Cartesian3.clone(this._viewer.camera.positionWC);
+    this._options.heading = this._viewer.camera.heading;
+    this._options.pitch = this._viewer.camera.pitch;
+    this._options.roll = this._viewer.camera.roll;
     let options = {
       position: position,
-      heading: Cesium.Math.toRadians(this._options.heading),
-      pitch: Cesium.Math.toRadians(this._options.pitch),
-      roll: Cesium.Math.toRadians(this._options.roll),
+      heading: this._options.heading,
+      pitch: this._options.pitch,
+      roll: this._options.roll,
       fov: Cesium.Math.toRadians(this._options.fov),
       aspectRatio: this._options.aspectRatio,
       far: this._options.far,
@@ -32722,6 +32902,15 @@ class VideoProjectViewModel {
         height: cartographic.height
       };
     }
+  } // 获取HeadingPitchRoll
+
+
+  getHeadingPitchRoll() {
+    return {
+      heading: Math.round(Cesium.Math.toDegrees(this._options.heading)),
+      pitch: Math.round(Cesium.Math.toDegrees(this._options.pitch)),
+      roll: Math.round(Cesium.Math.toDegrees(this._options.roll))
+    };
   } //飞入
 
 
@@ -32730,9 +32919,9 @@ class VideoProjectViewModel {
       this._viewer.camera.flyTo({
         destination: this._projectVideo.position,
         orientation: {
-          heading: Cesium.Math.toRadians(this._options.heading),
-          pitch: Cesium.Math.toRadians(this._options.pitch),
-          roll: Cesium.Math.toRadians(this._options.roll)
+          heading: this._options.heading,
+          pitch: this._options.pitch,
+          roll: this._options.roll
         }
       });
     }
@@ -32887,9 +33076,6 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
     expose
   }) {
     const props = __props;
-    const {
-      proxy
-    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)();
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
     let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 获取组件传参
 
@@ -32905,18 +33091,20 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
       height: 0,
       minHeight: -heightOffset,
       maxHeight: heightOffset,
+      heading: 0,
+      pitch: 0,
+      roll: 0,
       videoPath: props.settingParams && props.settingParams.videoPath || "",
       projectType: props.settingParams && props.settingParams.projectType || 1,
       fov: props.settingParams && props.settingParams.fov || 20,
       aspectRatio: props.settingParams && props.settingParams.aspectRatio || 1.6,
       far: props.settingParams && props.settingParams.far || 50,
-      heading: props.settingParams && props.settingParams.heading || 330,
-      pitch: props.settingParams && props.settingParams.pitch || -12,
-      roll: props.settingParams && props.settingParams.roll || 0,
       showHideLine: props.settingParams && props.settingParams.showHideLine !== undefined || true
     }); // 显示坐标
 
-    let showCoordinate = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
+    let showCoordinate = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false); // 显示朝向角俯仰角翻转角
+
+    let showHpr = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
     let viewModel = null; // 组件容器Ref
 
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
@@ -32951,9 +33139,6 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
             fov: formItem.fov,
             aspectRatio: formItem.aspectRatio,
             far: formItem.far,
-            heading: formItem.heading,
-            pitch: formItem.pitch,
-            roll: formItem.roll,
             showHideLine: formItem.showHideLine
           };
           viewModel = new VideoProjectViewModel(scenceView, options);
@@ -33038,9 +33223,11 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
         if (viewModel) {
           viewModel.project();
           setCoordinate();
+          serHpr();
         }
       }
-    }
+    } // 设置坐标
+
 
     function setCoordinate() {
       let coordinate = viewModel.getProjectCoordinate();
@@ -33057,6 +33244,18 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
         formItem.maxHeight = coordinate.height + heightOffset;
         showCoordinate.value = true;
       }
+    } // 设置朝向角俯仰角翻转角
+
+
+    function serHpr() {
+      let hpr = viewModel.getHeadingPitchRoll();
+
+      if (hpr) {
+        formItem.heading = hpr.heading;
+        formItem.pitch = hpr.pitch;
+        formItem.roll = hpr.roll;
+        showHpr.value = true;
+      }
     } // 飞入
 
 
@@ -33067,6 +33266,7 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
 
     function clearResult() {
       showCoordinate.value = false;
+      showHpr.value = false;
       viewModel && viewModel.clear();
     } // 销毁
 
@@ -33588,7 +33788,7 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).heading
               }, {
@@ -33644,7 +33844,9 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pitch
               }, {
@@ -33700,7 +33902,9 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).roll
               }, {
@@ -33756,7 +33960,9 @@ const VideoProjectvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
               style: {
                 "margin-bottom": "8px"
               }
@@ -33903,11 +34109,20 @@ class VideoFusiontViewModel {
 
 
   fusion() {
+    let type = 3;
+
+    if (this._options.videoPath.indexOf('.m3u8') > 0) {
+      type = 5;
+    }
+
     this.clear();
     let cartographic = Cesium.Cartographic.fromCartesian(this._viewer.camera.positionWC);
+    this._options.heading = Cesium.Math.toDegrees(this._viewer.camera.heading);
+    this._options.pitch = Cesium.Math.toDegrees(this._viewer.camera.pitch);
+    this._options.roll = Cesium.Math.toDegrees(this._viewer.camera.roll);
     var param = {
       url: this._options.videoPath,
-      type: 3,
+      type: type,
       position: {
         x: Cesium.Math.toDegrees(cartographic.longitude),
         y: Cesium.Math.toDegrees(cartographic.latitude),
@@ -33937,6 +34152,15 @@ class VideoFusiontViewModel {
     if (this._videoFusion) {
       return this._videoFusion.param.position;
     }
+  } // 获取HeadingPitchRoll
+
+
+  getHeadingPitchRoll() {
+    return {
+      heading: Math.round(this._options.heading),
+      pitch: Math.round(this._options.pitch),
+      roll: Math.round(this._options.roll)
+    };
   } //飞入
 
 
@@ -34134,9 +34358,6 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
     expose
   }) {
     const props = __props;
-    const {
-      proxy
-    } = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.getCurrentInstance)();
     let language = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)({});
     let collapseValue = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(""); // 获取组件传参
 
@@ -34155,15 +34376,17 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
       videoPath: props.settingParams && props.settingParams.videoPath || "",
       fov: props.settingParams && props.settingParams.fov || 40,
       far: props.settingParams && props.settingParams.far || 50,
-      heading: props.settingParams && props.settingParams.heading || 40,
-      pitch: props.settingParams && props.settingParams.pitch || -40,
-      roll: props.settingParams && props.settingParams.roll || 15,
+      heading: 0,
+      pitch: 0,
+      roll: 0,
       alpha: props.settingParams && props.settingParams.alpha || 1.0,
       eclosion: props.settingParams && props.settingParams.eclosion || 0.5,
       showHideLine: props.settingParams && props.settingParams.showHideLine !== undefined || false
     }); // 显示坐标
 
-    let showCoordinate = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
+    let showCoordinate = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false); // 显示朝向角俯仰角翻转角
+
+    let showHpr = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(false);
     let viewModel = null; // 组件容器Ref
 
     let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null); // 生成组件默认header
@@ -34196,9 +34419,6 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
             videoPath: formItem.videoPath,
             fov: formItem.fov,
             far: formItem.far,
-            heading: formItem.heading,
-            pitch: formItem.pitch,
-            roll: formItem.roll,
             alpha: formItem.alpha,
             eclosion: formItem.eclosion,
             showHideLine: formItem.showHideLine
@@ -34285,6 +34505,7 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
         if (viewModel) {
           viewModel.fusion();
           setCoordinate();
+          serHpr();
         }
       }
     }
@@ -34304,6 +34525,18 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
         formItem.maxHeight = coordinate.z + heightOffset;
         showCoordinate.value = true;
       }
+    } // 设置朝向角俯仰角翻转角
+
+
+    function serHpr() {
+      let hpr = viewModel.getHeadingPitchRoll();
+
+      if (hpr) {
+        formItem.heading = hpr.heading;
+        formItem.pitch = hpr.pitch;
+        formItem.roll = hpr.roll;
+        showHpr.value = true;
+      }
     } // 飞入
 
 
@@ -34314,6 +34547,7 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
 
     function clearResult() {
       showCoordinate.value = false;
+      showHpr.value = false;
       viewModel && viewModel.clear();
     } // 销毁
 
@@ -34720,7 +34954,7 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).heading
               }, {
@@ -34776,7 +35010,9 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pitch
               }, {
@@ -34832,7 +35068,9 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).roll
               }, {
@@ -34888,7 +35126,9 @@ const VideoFusionvue_type_script_setup_true_lang_js_default_ = {
               _: 1
               /* STABLE */
 
-            }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
+            }, 512
+            /* NEED_PATCH */
+            ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showHpr)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, null, {
               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_form_item, {
                 label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).transparents
               }, {
@@ -35178,6 +35418,7 @@ class SceneSetViewModel {
 
     this._viewer = viewer;
     this._defaultSkyBox = viewer.scene.skyBox;
+    this._undergroundManager = new Cesium.Kq3dUndergroundManager(this._viewer.scene);
   } // 获取场景内容
 
 
@@ -35533,8 +35774,6 @@ class SceneSetViewModel {
 
 
   showGrid(type) {
-    console.log(this._viewer.scene.kq3dUndergroundManager);
-
     if (this._gridLayer) {
       this._viewer.imageryLayers.remove(this._gridLayer);
 
@@ -35558,10 +35797,6 @@ class SceneSetViewModel {
 
 
   openUnderground(isOpen) {
-    if (!this._undergroundManager) {
-      this._undergroundManager = new Cesium.Kq3dUndergroundManager(this._viewer.scene);
-    }
-
     this._undergroundManager.undergroundEnabled = isOpen;
     this._undergroundManager.transparentEnabled = isOpen;
   } // 设置地表透明度
@@ -37035,10 +37270,30 @@ const SceneSetvue_type_script_setup_true_lang_js_default_ = {
 }));
 ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=script&setup=true&lang=js
  
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=8e9dc1cc&lang=scss
+var SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss = __webpack_require__(825);
+;// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=8e9dc1cc&lang=scss
+
+            
+
+var SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss_options = {};
+
+SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss_options.insert = "head";
+SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss_options.singleton = false;
+
+var SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss_update = injectStylesIntoStyleTag_default()(SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss/* default */.Z, SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss_options);
+
+
+
+/* harmony default export */ var sceneset_SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss = (SceneSetvue_type_style_index_0_id_8e9dc1cc_lang_scss/* default.locals */.Z.locals || {});
+;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue?vue&type=style&index=0&id=8e9dc1cc&lang=scss
+
 ;// CONCATENATED MODULE: ./src/webgl/sceneset/SceneSet.vue
 
 
 
+;
+
 const SceneSet_exports_ = SceneSetvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var SceneSet = (SceneSet_exports_);
@@ -37574,7 +37829,7 @@ const Lightvue_type_script_setup_true_lang_js_default_ = {
               class: "rowclass"
             }, {
               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_form_item, {
-                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pointLightSource
+                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).lightColor
               }, {
                 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_row, {
                   style: {