@kq_npm/client3d_webgl_vue 0.0.1-beta

package/skylineanalysis/index.js

@@ -0,0 +1,771 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "SkylineAnalysisViewModel": function() { return /* reexport */ SkylineAnalysisViewModel; },
+  "default": function() { return /* reexport */ SkylineAnalysis; }
+});
+
+;// 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 "@zpc_npm/vue-iclient-common/_utils/gis-utils"
+var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/SkylineAnalysisViewModel.js
+
+//天际线分析逻辑类
+class SkylineAnalysisViewModel {
+  /**
+   * 天际线分析逻辑类
+   * @param {Object} _skylineAnalysis 天际线分析三维对象
+   * @param {Object} _skylineAnalysisChart 二维天际线折线图表（外部生成）
+   * @param {String} _skylineAnalysisChartTitle 二维天际线折线图表标题（中英文适配）
+   * @param {Object} _skylineAnalysistVis 二维天际线折线图表显影双向绑定对象（外部生成）
+   * @param {Object} _options 天际线分析存储参数对象
+   * @param {Object} _showLimitHeightBody 限高体是否显示
+   */
+
+  /**
+   * 天际线分析逻辑类构造函数
+   * @param {*} viewer 三维对象
+   * @param {*} option 天际线分析参数对象
+   * @param {*} echartObject 二维天际线折线图表显影双向绑定对象
+   */
+  constructor(viewer, option, echartObject) {
+    _defineProperty(this, "_skylineAnalysis", null);
+
+    _defineProperty(this, "_skylineAnalysisChart", null);
+
+    _defineProperty(this, "_skylineAnalysisChartTitle", "");
+
+    _defineProperty(this, "_skylineAnalysistVis", null);
+
+    _defineProperty(this, "_options", null);
+
+    _defineProperty(this, "_showLimitHeightBody", null);
+
+    this._skylineAnalysistVis = echartObject || {};
+    viewer.scene.globe.depthTestAgainstTerrain = true; //开启深度检测
+
+    viewer.scene.postProcessStages._fxaa.enabled = true; // 检查参数
+
+    option = {
+      skylineColor: option.skylineColor || "#E6A23C",
+      skylineRadius: option.skylineRadius || 1000,
+      limitHeightBodyColor: option.limitHeightBodyColor || "#67C23A",
+      limitHeightBodyAlpha: option.limitHeightBodyAlpha || 0.7,
+      limitHeightBodyOutlineColor: option.limitHeightBodyOutlineColor || "#67C23A",
+      limitHeightBodyOutlineColorAlpha: option.limitHeightBodyOutlineColorAlpha || 0,
+      skylineWidth: option.skylineWidth || 2
+    }; // 创建分析参数对象
+
+    this._options = {
+      viewer: viewer,
+      lineColor: window.Cesium.Color.fromCssColorString(option.skylineColor),
+      //天际线颜色
+      faceColor: window.Cesium.Color.fromCssColorString(option.limitHeightBodyColor).withAlpha(option.limitHeightBodyAlpha),
+      //限高体颜色
+      faceOutlineColor: window.Cesium.Color.fromCssColorString(option.limitHeightBodyOutlineColor).withAlpha(option.limitHeightBodyOutlineColorAlpha),
+      //限高体轮廓颜色
+      lineWidth: option.skylineWidth,
+      //天际线线宽
+      radius: option.skylineRadius //天际线分析范围
+
+    };
+    if (option.viewPosition) this._options.viewPosition = option.viewPosition;
+    if (option.heading) this._options.heading = option.heading;
+    if (option.pitch) this._options.pitch = option.pitch;
+    if (option.roll) this._options.viewPosition = option.roll;
+    if (option.fov) this._options.fov = option.fov; // 实例化天际线分析类
+
+    this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
+  }
+  /**
+   * 提取天际线
+   */
+
+
+  pickSkyLine() {
+    if (!this._skylineAnalysis || this._skylineAnalysis.isDestroyed()) {
+      this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
+    }
+
+    this._skylineAnalysis.updateBuffer();
+
+    this._skylineAnalysis.pickSkyLine();
+
+    this.setSkyline2D();
+  }
+  /**
+   * 绘制限高体
+   */
+
+
+  drawLimitHeightBody() {
+    if (!this._skylineAnalysis || this._skylineAnalysis.isDestroyed()) {
+      this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
+    }
+
+    this._showLimitHeightBody = true;
+    this._skylineAnalysis.faceColor = this._options.faceColor;
+    this._skylineAnalysis.faceOutlineColor = this._options.faceOutlineColor;
+
+    this._skylineAnalysis.drawHeightGeo();
+
+    this._skylineAnalysis.viewer.camera.moveBackward(30);
+  }
+  /**
+   * 展示二维天际线
+   */
+
+
+  setSkyline2D() {
+    if (!this._skylineAnalysis) return;
+    this._skylineAnalysistVis.value = true;
+
+    var data = this._skylineAnalysis.updateBuffer();
+
+    var option = {
+      title: {
+        text: this._skylineAnalysisChartTitle
+      },
+      tooltip: {
+        trigger: "axis"
+      },
+      grid: {
+        containLabel: true,
+        left: "10px",
+        top: "50px",
+        right: "10px",
+        bottom: "5px"
+      },
+      calculable: true,
+      xAxis: [{
+        type: "category",
+        boundaryGap: false,
+        data: data.x,
+        show: false
+      }],
+      yAxis: [{
+        type: "value",
+        min: 0,
+        max: 1
+      }],
+      series: [{
+        name: "",
+        type: "line",
+        data: data.y
+      }]
+    };
+    this._skylineAnalysisChart && this._skylineAnalysisChart.setOption(option);
+  }
+  /**
+   * 清除限高体
+   */
+
+
+  removeLimitHeightBody() {
+    this._showLimitHeightBody = false;
+
+    if (this._skylineAnalysis && !this._skylineAnalysis.isDestroyed()) {
+      this._skylineAnalysis.removeAlllimitHeights();
+
+      this._skylineAnalysis.removeAllFaces();
+
+      this._skylineAnalysis.removeGeoJsonDataSource();
+
+      this._skylineAnalysis.removeCzmlJsonDataSource();
+    }
+  }
+  /**
+   * 设置天际线颜色
+   * @param {String} lineColor 天际线颜色
+   */
+
+
+  setLineColor(lineColor) {
+    if (!lineColor) return;
+    this._options.lineColor = window.Cesium.Color.fromCssColorString(lineColor);
+    if (this._skylineAnalysis) this._skylineAnalysis.lineColor = this._options.lineColor;
+  }
+  /**
+   * 设置限高体颜色
+   * @param {String} faceColor 限高体轮廓颜色
+   * @param {String} alpha 限高体轮廓颜色透明度
+   */
+
+
+  setFaceColor(faceColor, alpha) {
+    if (!faceColor) return;
+    this._options.faceColor = window.Cesium.Color.fromCssColorString(faceColor).withAlpha(alpha || 1);
+    if (this._skylineAnalysis && this._showLimitHeightBody) this._skylineAnalysis.faceColor = this._options.faceColor;
+  }
+  /**
+   * 设置天际线半径
+   * @param {String} radius 天际线半径
+   */
+
+
+  setRadius(radius) {
+    if (!radius) return;
+    this._options.radius = radius;
+    if (this._skylineAnalysis) this._skylineAnalysis.radius = radius;
+  }
+  /**
+   * 设置限高体透明度
+   * @param {String} faceColor 限高体轮廓颜色
+   * @param {String} alpha 限高体轮廓颜色透明度
+   */
+
+
+  setFaceColorAlpha(faceColor, alpha) {
+    if (!faceColor) return;
+    this._options.faceColor = window.Cesium.Color.fromCssColorString(faceColor).withAlpha(alpha || 1);
+    if (this._skylineAnalysis && this._showLimitHeightBody) this._skylineAnalysis.faceColor = this._options.faceColor;
+  }
+  /**
+   * 设置限高体轮廓颜色
+   * @param {String} faceOutlineColor 限高体轮廓颜色
+   * @param {String} alpha 限高体轮廓颜色透明度
+   */
+
+
+  setFaceOutlineColor(faceOutlineColor, alpha) {
+    if (!faceOutlineColor) return;
+    this._options.faceOutlineColor = window.Cesium.Color.fromCssColorString(faceOutlineColor).withAlpha(alpha || 1);
+
+    if (this._skylineAnalysis && this._showLimitHeightBody) {
+      this._skylineAnalysis.faceOutlineColor = this._options.faceOutlineColor;
+    }
+  }
+  /*
+   * 清除
+   */
+
+
+  clear() {
+    this._showLimitHeightBody = false;
+
+    if (this._skylineAnalysis) {
+      this._skylineAnalysis.destroy();
+
+      this._skylineAnalysis = new window.Cesium.Kq3dSkyline(this._options);
+    }
+
+    this._skylineAnalysistVis.value = false;
+  }
+  /**
+   * 注销
+   */
+
+
+  destroy() {
+    this._showLimitHeightBody = false;
+
+    if (this._skylineAnalysis) {
+      this._skylineAnalysis.destroy();
+
+      this._skylineAnalysis = null;
+    }
+
+    this._skylineAnalysistVis.value = false;
+  }
+
+}
+;// CONCATENATED MODULE: external "echarts"
+var external_echarts_namespaceObject = require("echarts");
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/webgl/skylineanalysis/SkylineAnalysis.vue?vue&type=script&setup=true&lang=js
+
+const _hoisted_1 = {
+  class: "kq3d-skyline-analysis"
+};
+const _hoisted_2 = {
+  class: "kq3d-skyline-analysis-footer"
+};
+const _hoisted_3 = {
+  class: "kq3d-skyline-analysis-result"
+};
+const _hoisted_4 = {
+  id: "resultEcahrt",
+  class: "resultEcahrt"
+};
+
+
+
+ // 语言
+
+const __default__ = {
+  name: "Kq3dSkylineAnalysis"
+};
+/* harmony default export */ var SkylineAnalysisvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
+  props: {
+    // 设置参数
+    settingParams: {
+      type: Object
+    }
+  },
+
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    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)(""); // 分析类
+
+    let viewModel = null; // chart显示
+
+    let resultEcahrtVis = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true); // 获取组件传参
+
+    let formItem = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
+      skylineColor: props.settingParams && props.settingParams.skylineColor || "#E6A23C",
+      skylineRadius: props.settingParams && props.settingParams.skylineRadius || 1000,
+      limitHeightBodyColor: props.settingParams && props.settingParams.limitHeightBodyColor || "#67C23A",
+      limitHeightBodyAlpha: props.settingParams && props.settingParams.limitHeightBodyAlpha || 0.7,
+      skylineWidth: 2
+    });
+    (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 SkylineAnalysisViewModel(scenceView._viewer, formItem, resultEcahrtVis);
+          viewModel._skylineAnalysisChart = external_echarts_namespaceObject.init(document.getElementById("resultEcahrt"));
+          viewModel._skylineAnalysisChartTitle = language.value["skylineAnalysisChartTitle"];
+          resultEcahrtVis.value = false;
+        }
+      });
+    }); // 提取天际线
+
+    function pickSkyLine() {
+      viewModel && viewModel.pickSkyLine();
+    } // 绘制限高体
+
+
+    function drawLimitHeightBody() {
+      viewModel && viewModel.drawLimitHeightBody();
+    } // 清除限高体
+
+
+    function removeLimitHeightBody() {
+      viewModel && viewModel.removeLimitHeightBody();
+    } //清除结果
+
+
+    function clearResult() {
+      viewModel && viewModel.clear();
+    } // 改变天际线颜色
+
+
+    function onChangeSkylineColor() {
+      viewModel && viewModel.setLineColor(formItem.skylineColor);
+    } // 改变限高体颜色
+
+
+    function onChangeLimitHeightBodyColor() {
+      viewModel && viewModel.setFaceColor(formItem.limitHeightBodyColor, formItem.limitHeightBodyAlpha);
+    } // 改变天际线半径
+
+
+    function onChangeSkylineRadius() {
+      viewModel && viewModel.setRadius(formItem.skylineRadius);
+    } // 限高体轮廓透明度
+
+
+    function onChangeLimitHeightBodyAlpha() {
+      viewModel && viewModel.setFaceColorAlpha(formItem.limitHeightBodyColor, formItem.limitHeightBodyAlpha);
+    } // 销毁
+
+
+    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    expose({
+      clearResult
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_color_picker = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-color-picker");
+
+      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form-item");
+
+      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");
+
+      const _component_kq_slider = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-slider");
+
+      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");
+
+      const _component_kq_input_number = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-input-number");
+
+      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");
+
+      const _component_kq_collapse_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse-item");
+
+      const _component_kq_collapse = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-collapse");
+
+      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)("section", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_collapse, {
+        "model-value": (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(collapseValue),
+        class: "kq3d-skyline-analysis-collapse"
+      }, {
+        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_collapse_item, {
+          title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).analysisSettings,
+          name: "setting"
+        }, {
+          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, {
+            "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.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).skylineColor
+              }, {
+                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_color_picker, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineColor,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineColor = $event),
+                  onChange: onChangeSkylineColor
+                }, null, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (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).skylineRadius
+              }, {
+                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: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_col, {
+                    span: 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)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius = $event),
+                      step: 100,
+                      min: 0,
+                      max: 5000,
+                      onInput: onChangeSkylineRadius
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).skylineRadius = $event),
+                      min: 0,
+                      step: 100,
+                      max: 5000,
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (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).limitHeightBodyColor
+              }, {
+                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_color_picker, {
+                  modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyColor,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyColor = $event),
+                  onChange: onChangeLimitHeightBodyColor
+                }, null, 8
+                /* PROPS */
+                , ["modelValue"])]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            }), (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).limitHeightBodyAlpha
+              }, {
+                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: {
+                    "display": "flex"
+                  }
+                }, {
+                  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_col, {
+                    span: 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)(_component_kq_slider, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha = $event),
+                      step: 0.1,
+                      min: 0,
+                      max: 1,
+                      onInput: onChangeLimitHeightBodyAlpha
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+                    span: 8
+                  }, {
+                    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_input_number, {
+                      modelValue: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(formItem).limitHeightBodyAlpha = $event),
+                      min: 0,
+                      step: 0.1,
+                      max: 1,
+                      "controls-position": "right"
+                    }, null, 8
+                    /* PROPS */
+                    , ["modelValue", "step"])]),
+                    _: 1
+                    /* STABLE */
+
+                  })]),
+                  _: 1
+                  /* STABLE */
+
+                })]),
+                _: 1
+                /* STABLE */
+
+              }, 8
+              /* PROPS */
+              , ["label"])]),
+              _: 1
+              /* STABLE */
+
+            })]),
+            _: 1
+            /* STABLE */
+
+          })]),
+          _: 1
+          /* STABLE */
+
+        }, 8
+        /* PROPS */
+        , ["title"])]),
+        _: 1
+        /* STABLE */
+
+      }, 8
+      /* PROPS */
+      , ["model-value"]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        gutter: 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)(_component_kq_col, {
+          span: 12
+        }, {
+          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_button, {
+            onClick: _cache[6] || (_cache[6] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => pickSkyLine(), ["stop"])),
+            title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pickSkyLine,
+            type: "primary"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).pickSkyLine), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+          span: 12
+        }, {
+          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_button, {
+            onClick: _cache[7] || (_cache[7] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => drawLimitHeightBody(), ["stop"])),
+            title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).drawLimitHeightBody,
+            type: "primary"
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).drawLimitHeightBody), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
+        gutter: 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)(_component_kq_col, {
+          span: 12
+        }, {
+          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_button, {
+            onClick: _cache[8] || (_cache[8] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => removeLimitHeightBody(), ["stop"])),
+            title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).removeLimitHeightBody
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).removeLimitHeightBody), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
+        }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
+          span: 12
+        }, {
+          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_button, {
+            onClick: _cache[9] || (_cache[9] = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withModifiers)($event => clearResult(), ["stop"])),
+            title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clearResult
+          }, {
+            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(language).clearResult), 1
+            /* TEXT */
+            )]),
+            _: 1
+            /* STABLE */
+
+          }, 8
+          /* PROPS */
+          , ["title"])]),
+          _: 1
+          /* STABLE */
+
+        })]),
+        _: 1
+        /* STABLE */
+
+      })]), (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.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_4, 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)(resultEcahrtVis)]])])]);
+    };
+  }
+
+}));
+;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/SkylineAnalysis.vue?vue&type=script&setup=true&lang=js
+ 
+;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/SkylineAnalysis.vue
+
+
+
+const __exports__ = SkylineAnalysisvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var SkylineAnalysis = (__exports__);
+;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
+var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/index.js
+
+
+
+
+SkylineAnalysis.install = (Vue, opts) => {
+  init_js_default()(Vue, opts);
+  Vue.component(SkylineAnalysis.name, SkylineAnalysis);
+};
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;