@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.57

package/gridoccupancyquery/index.js

@@ -0,0 +1,627 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"));
+	else if(typeof define === 'function' && define.amd)
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/configprovider/useGlobalConfig"], factory);
+	else if(typeof exports === 'object')
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"));
+	else
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE__50154__, __WEBPACK_EXTERNAL_MODULE__20064__, __WEBPACK_EXTERNAL_MODULE__20455__, __WEBPACK_EXTERNAL_MODULE__22686__) {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 20064:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__20064__;
+
+/***/ }),
+
+/***/ 20455:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__20455__;
+
+/***/ }),
+
+/***/ 21365:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  __esModule: function() { return /* reexport */ GridOccupancyQueryvue_type_script_setup_true_lang_js/* __esModule */.B; },
+  "default": function() { return /* binding */ GridOccupancyQuery; }
+});
+
+// EXTERNAL MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/webgl/gridoccupancyquery/GridOccupancyQuery.vue?vue&type=script&setup=true&lang=js
+var GridOccupancyQueryvue_type_script_setup_true_lang_js = __webpack_require__(41433);
+;// ./src/webgl/gridoccupancyquery/GridOccupancyQuery.vue?vue&type=script&setup=true&lang=js
+ 
+;// ./src/webgl/gridoccupancyquery/GridOccupancyQuery.vue
+
+
+
+const __exports__ = GridOccupancyQueryvue_type_script_setup_true_lang_js/* default */.A;
+
+/* harmony default export */ var GridOccupancyQuery = (__exports__);
+
+/***/ }),
+
+/***/ 22686:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__22686__;
+
+/***/ }),
+
+/***/ 33751:
+/***/ (function(module) {
+
+module.exports = require("@babel/runtime/helpers/interopRequireDefault");
+
+/***/ }),
+
+/***/ 41433:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "B", ({
+  value: true
+}));
+exports.A = void 0;
+var _vue = __webpack_require__(50154);
+var _client_icons_vue = __webpack_require__(65698);
+var _gisUtils = __webpack_require__(20064);
+var _GridOccupancyQueryViewModel = _interopRequireDefault(__webpack_require__(65588));
+var _useGlobalConfig = __webpack_require__(22686);
+const __default__ = {
+  name: "Kq3dGridOccupancyQuery"
+};
+var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
+  props: {
+    mapTarget: String,
+    // 关联的地图目标 id
+    settingParams: {
+      type: Object,
+      default: () => ({})
+    } // 组件配置参数
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const {
+      locale
+    } = (0, _useGlobalConfig.useLocale)(); // 当前语言包
+
+    const props = __props;
+    let viewModel = null; // 视图模型实例
+
+    // 组件挂载时获取场景视图并初始化视图模型
+    (0, _vue.onMounted)(() => {
+      _gisUtils.utils.getWebMap(props.mapTarget, scenceView => {
+        if (scenceView) {
+          viewModel = new _GridOccupancyQueryViewModel.default(scenceView, {
+            queryUrl: props?.settingParams.queryUrl ?? "",
+            calcLevel: props?.settingParams.calcLevel ?? 23,
+            isMulti: props?.settingParams.isMulti ?? false
+          });
+        }
+      });
+    });
+
+    // 触发查询，启动绘制
+    function startQuery() {
+      viewModel && viewModel.start();
+    }
+
+    // 组件卸载前销毁视图模型释放资源
+    (0, _vue.onBeforeUnmount)(() => {
+      viewModel && viewModel.destroy();
+    });
+    __expose({
+      startQuery
+    });
+    return (_ctx, _cache) => {
+      const _component_kq_icon = (0, _vue.resolveComponent)("kq-icon");
+      const _component_kq_button = (0, _vue.resolveComponent)("kq-button");
+      return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_kq_button, {
+        title: (0, _vue.unref)(locale).webgl.gridOccupancyQuery,
+        onClick: startQuery,
+        style: {
+          "width": "32px"
+        }
+      }, {
+        default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_kq_icon, {
+          size: 16
+        }, {
+          default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)((0, _vue.unref)(_client_icons_vue.IconGridCode))]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["title"]);
+    };
+  }
+});
+
+/***/ }),
+
+/***/ 50154:
+/***/ (function(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__50154__;
+
+/***/ }),
+
+/***/ 56363:
+/***/ (function(module) {
+
+module.exports = require("element-plus/dist/index.full.js");
+
+/***/ }),
+
+/***/ 65588:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _message = _interopRequireDefault(__webpack_require__(71323));
+var _loading = _interopRequireDefault(__webpack_require__(90724));
+var _useGlobalConfig = __webpack_require__(22686);
+class GridOccupancyQueryViewModel {
+  // 加载 loading 实例
+
+  /** @description 构造函数，初始化视图模型
+   * @param {Object} scenceView 场景视图对象，包含 viewer、drawManager 等
+   * @param {Object} options 配置项，包含 queryUrl、calcLevel、isMulti 等
+   */
+  constructor(scenceView, options) {
+    this._viewer = null;
+    // Cesium Viewer 实例
+    this._mapTarget = null;
+    // 地图容器 DOM id
+    this._options = {};
+    // 外部传入的合并后配置项
+    this._defaultOptions = {
+      queryUrl: "",
+      // 网格占用查询服务地址
+      calcLevel: 23,
+      // 计算层级
+      isMulti: false // 是否支持多次绘制查询
+    };
+    this._drawManager = null;
+    // 绘制管理器实例
+    this._language = null;
+    // 当前语言包
+    this._htmlTag = null;
+    // 拖拽 HTML 标签实例
+    this._clickGirdPrimitive = null;
+    // 网格几何图元实例
+    this._loading = null;
+    const {
+      locale
+    } = (0, _useGlobalConfig.useLocale)();
+    this._language = locale;
+    this._options = Object.assign({}, this._defaultOptions, options);
+    this._viewer = scenceView._viewer;
+    this._drawManager = scenceView._drawManager;
+    this._mapTarget = scenceView._viewerId || null;
+    this._viewer.resolutionScale = 1; // 设置渲染分辨率为 1
+    this._viewer.postProcessStages.fxaa.enabled = true; // 开启抗锯齿
+    this._viewer.scene.logarithmicDepthBuffer = true; // 启用对数深度缓冲，避免 z-fighting
+  }
+
+  // 启动网格占用查询，进入标绘模式
+  start() {
+    const that = this;
+    const queryUrl = this._options.queryUrl || "";
+    // 查询服务地址为空时给出提示并终止
+    if (!queryUrl.trim()) {
+      (0, _message.default)({
+        message: that._language.value.webgl["gridOccupancyQueryUrlEmpty"] || "请配置查询服务地址",
+        type: "warning"
+      });
+      return;
+    }
+    this.removeData();
+    if (!this._drawManager) return;
+    // 调用绘制管理器进入标点绘制模式
+    this._drawManager.startDraw("marker", {
+      image: null
+    }, (feature, {
+      shape
+    }) => {
+      // 仅处理本组件绘制组的图形
+      if (!shape || !shape.groupName || shape.groupName !== "GridOccupancyQueryDraw") return;
+      that.showGridOccupancyQuery(shape._position);
+      that._drawManager.clearDrawGroup("GridOccupancyQueryDraw");
+    }, "GridOccupancyQueryDraw", that._options.isMulti);
+  }
+
+  /** @description 根据点击位置发起网格占用查询并渲染结果
+   * @param {Cesium.Cartesian3} position 点击位置的笛卡尔坐标
+   */
+  showGridOccupancyQuery(position) {
+    this.removeData();
+    const that = this;
+    const queryUrl = this._options.queryUrl || "";
+    const level = this._options.calcLevel || 23;
+    // 将笛卡尔坐标转换为经纬度地理坐标
+    const cartographic = Cesium.Cartographic.fromCartesian(position);
+    const lon = Cesium.Math.toDegrees(cartographic.longitude);
+    const lat = Cesium.Math.toDegrees(cartographic.latitude);
+    const height = cartographic.height;
+    const url = `${queryUrl}/airspaceOccupyPosition?lon=${lon}&lat=${lat}&height=${height}&level=${level}`;
+    this._showLoading();
+
+    // 发起查询请求
+    fetch(url, {
+      method: "POST"
+    }).then(response => {
+      if (!response.ok) throw new Error("Network response was not ok");
+      return response.json();
+    }).then(data => {
+      // 请求成功且包含网格编码时渲染结果
+      if (data.code === 200 && data.content && data.content.code) {
+        const instanc = that.getGridInstanc(data.content.code);
+        if (instanc) {
+          that.renderGrid(instanc, data.content, position);
+          that._hideLoading();
+          return;
+        }
+      }
+      that._hideLoading();
+    }).catch(error => {
+      that._hideLoading();
+      console.error("Grid occupancy query error:", error);
+      (0, _message.default)({
+        message: that._language.value.webgl["gridOccupancyQueryFailed"] || "查询失败",
+        type: "error"
+      });
+    });
+  }
+
+  /** @description 渲染网格几何图元及信息浮窗
+   * @param {Cesium.GeometryInstance} instanc 网格几何实例
+   * @param {Object} content 查询返回的内容，包含 code、types 等
+   * @param {Cesium.Cartesian3} position 标绘点笛卡尔坐标
+   */
+  renderGrid(instanc, content, position) {
+    const that = this;
+    // 已存在图元时复用并更新几何实例
+    if (that._clickGirdPrimitive) {
+      that._clickGirdPrimitive.geometryInstances = instanc;
+      that._clickGirdPrimitive._state = Cesium.PrimitiveState.READY;
+      that._clickGirdPrimitive.updateVertex = true;
+    } else {
+      // 首次渲染时创建带半透明红色材质的 Primitive
+      that._clickGirdPrimitive = that._viewer.scene.primitives.add(new Cesium.Primitive({
+        geometryInstances: instanc,
+        appearance: new Cesium.MaterialAppearance({
+          flat: true,
+          translucent: false,
+          material: new Cesium.Material({
+            fabric: {
+              type: "Color",
+              uniforms: {
+                color: Cesium.Color.RED.withAlpha(0.3)
+              }
+            }
+          }),
+          renderState: {
+            depthTest: {
+              enabled: true
+            }
+          }
+        }),
+        cull: false,
+        asynchronous: false
+      }));
+    }
+    const code = content.code || "";
+    const gridcode = code.substring(0, (code.length + 1) / 2); // 截取前半段作为网格编码
+    const type = (content.types || []).map(item => item.description).join(","); // 拼接占用类型描述
+
+    // 创建可拖拽 HTML 信息标签
+    that._htmlTag = new Cesium.Kq3dDragableHtmlTag(that._viewer, {
+      showLine: true,
+      lineStyle: "solid",
+      lineWidth: 2,
+      lineColor: Cesium.Color.DARKCYAN,
+      position: position,
+      panelOffset: [20, 20],
+      html: `<div class='grid_info'>
+        <span id='grid_info_close' class='close'>×</span>
+        <div class='title'>${that._language.value.webgl["gridOccupancyQuery"]}</div>
+        <div class='attr'>${that._language.value.common["gridCode"]}: ${gridcode}</div>
+        <div class='attr'>${that._language.value.webgl["occupancyType"]}: ${type}</div>
+      </div>`
+    });
+
+    // 延迟绑定关闭按钮事件
+    setTimeout(() => {
+      const close = document.querySelector("#grid_info_close");
+      if (close) {
+        close.addEventListener("click", function () {
+          that.clear();
+        });
+      }
+    }, 500);
+  }
+
+  /** @description 根据网格编码构建 Cesium 几何实例
+   * @param {String} code 网格编码字符串
+   * @returns {Cesium.GeometryInstance|null} 网格几何实例
+   */
+  getGridInstanc(code) {
+    const index = (code.length + 1) / 2;
+    // 调用 WASM 模块解码网格编码为边界框
+    const grid = Module.decodeGeoSotGBCodeToBox(code.substring(0, index), code.substring(index));
+    if (!grid) return null;
+    // 限制经纬度范围在合法区间内
+    grid.minx = Math.max(grid.minx, -180);
+    grid.maxx = Math.min(grid.maxx, 180);
+    grid.miny = Math.max(grid.miny, -90);
+    grid.maxy = Math.min(grid.maxy, 90);
+    const minLon = Math.min(grid.minx, grid.maxx);
+    const minLat = Math.min(grid.miny, grid.maxy);
+    const maxLon = Math.max(grid.minx, grid.maxx);
+    const maxLat = Math.max(grid.miny, grid.maxy);
+    // 构建拉伸矩形几何体
+    const rectangle = new Cesium.RectangleGeometry({
+      ellipsoid: Cesium.Ellipsoid.WGS84,
+      rectangle: Cesium.Rectangle.fromDegrees(minLon, minLat, maxLon, maxLat),
+      height: grid.minz,
+      extrudedHeight: grid.maxz
+    });
+    return new Cesium.GeometryInstance({
+      geometry: rectangle
+    });
+  }
+
+  // 显示加载中遮罩
+  _showLoading() {
+    this._loading = _loading.default.service({
+      lock: true,
+      text: "Loading",
+      background: "rgba(0, 0, 0, 0.7)",
+      target: this._mapTarget ? document.getElementById(this._mapTarget) : null
+    });
+  }
+
+  // 关闭加载中遮罩
+  _hideLoading() {
+    if (this._loading) {
+      this._loading.close();
+      this._loading = null;
+    }
+  }
+
+  // 移除已渲染的网格图元与 HTML 标签数据
+  removeData() {
+    if (this._htmlTag) {
+      this._htmlTag.destroy();
+      this._htmlTag = null;
+    }
+    if (this._clickGirdPrimitive) {
+      this._clickGirdPrimitive.geometryInstances = [];
+      this._clickGirdPrimitive._state = Cesium.PrimitiveState.READY;
+      this._clickGirdPrimitive.updateVertex = true;
+    }
+  }
+
+  // 清空数据并停止绘制
+  clear() {
+    this.removeData();
+    this._hideLoading();
+    this._drawManager?.stopDraw();
+    this._drawManager?.clearDrawGroup("GridOccupancyQueryDraw");
+  }
+
+  // 销毁视图模型，释放资源
+  destroy() {
+    this.clear();
+  }
+}
+exports["default"] = GridOccupancyQueryViewModel;
+
+/***/ }),
+
+/***/ 65698:
+/***/ (function(module) {
+
+module.exports = require("@kq_npm/client_icons_vue");
+
+/***/ }),
+
+/***/ 71323:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _indexFull = __webpack_require__(56363);
+var _KqGIS = __webpack_require__(99602);
+var _init = _interopRequireDefault(__webpack_require__(20455));
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_indexFull.ElMessage.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component("KqMessage", _indexFull.ElMessage);
+};
+var _default = exports["default"] = _indexFull.ElMessage;
+_KqGIS.kq_npm_client_common_vue.KqMessage = _indexFull.ElMessage;
+
+/***/ }),
+
+/***/ 90724:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _indexFull = __webpack_require__(56363);
+var _init = _interopRequireDefault(__webpack_require__(20455));
+var _KqGIS = __webpack_require__(99602);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_indexFull.ElLoading.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component("KqLoading", _indexFull.ElLoading);
+  Vue.directive("loading", _indexFull.ElLoading.directive);
+};
+var _default = exports["default"] = _indexFull.ElLoading;
+_KqGIS.kq_npm_client_common_vue.KqLoading = _indexFull.ElLoading;
+
+/***/ }),
+
+/***/ 99602:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
+const kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
+__webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
+const kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
+__webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
+const kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
+__webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* 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/global */
+/******/ 	!function() {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	}();
+/******/ 	
+/******/ 	/* 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__ = {};
+// This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
+!function() {
+var exports = __webpack_exports__;
+
+
+var _interopRequireDefault = __webpack_require__(33751);
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+Object.defineProperty(exports, "GridOccupancyQueryViewModel", ({
+  enumerable: true,
+  get: function () {
+    return _GridOccupancyQueryViewModel.default;
+  }
+}));
+Object.defineProperty(exports, "default", ({
+  enumerable: true,
+  get: function () {
+    return _GridOccupancyQuery.default;
+  }
+}));
+var _GridOccupancyQuery = _interopRequireDefault(__webpack_require__(21365));
+var _GridOccupancyQueryViewModel = _interopRequireDefault(__webpack_require__(65588));
+var _init = _interopRequireDefault(__webpack_require__(20455));
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
+ */
+
+_GridOccupancyQuery.default.install = (Vue, opts) => {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_GridOccupancyQuery.default.name, _GridOccupancyQuery.default);
+};
+}();
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/gridoccupancyquery/style/gridoccupancyquery.css

@@ -0,0 +1 @@
+.grid_info{width:325px;border:1px solid var(--kq-border-color-lighter);border-radius:5px;cursor:default;background-color:var(--kq-bg-color)}.grid_info .close{position:absolute;top:0;right:5px;font-size:var(--kq-font-size-extra-large);cursor:pointer}.grid_info .title{font-size:var(--kq-font-size-medium);font-weight:bolder;border-bottom:1px solid var(--kq-border-color-lighter)}.grid_info .attr,.grid_info .title{padding:5px 10px;background-color:var(--kq-bg-color)}.grid_info .attr{font-size:var(--kq-font-size-base)}

package/gridoccupancyquery/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./gridoccupancyquery.css");

package/hawkeye/index.js

@@ -43,12 +43,20 @@ exports["default"] = void 0;
 class HawkeyeViewModel {
   //鹰眼三维对象
 
+  /** @description 构造函数，初始化鹰眼对象
+   * @param {Object} scenceView 场景视图对象，包含 viewer 等
+   * @param {Object} options 鹰眼配置项，包含 show、width、height、centerColor 等
+   */
   constructor(scenceView, options) {
     this._overviewMap = null;
     options.viewer = scenceView._viewer;
     options.centerRectColor = Cesium.Color.fromCssColorString(options.centerColor || "#0000ff").withAlpha(options.centerColorAlpha || 0.5);
     this.init(options);
   }
+
+  /** @description 初始化鹰眼地图对象
+   * @param {Object} options 鹰眼配置项
+   */
   init(options) {
     // if(!options.layers) {
     // let layers = [];
@@ -73,7 +81,9 @@ class HawkeyeViewModel {
     this._overviewMap.show = false;
   }
 
-  // 设置图层
+  /** @description 设置图层
+   * @param {Array} layers 图层数组
+   */
   setLayers(layers) {
     if (Array.isArray(layers)) {
       this._overviewMap._viewer.imageryLayers.removeAll();
@@ -188,7 +198,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
   setup(__props, {
     expose: __expose
   }) {
-    let viewModel = null;
+    let viewModel = null; // 鹰眼视图模型实例
 
     // 获取组件传参
     const props = __props;
@@ -211,12 +221,20 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         }
       });
     });
+
+    // 显示鹰眼
     function show() {
       viewModel && viewModel.show();
     }
+
+    // 隐藏鹰眼
     function hide() {
       viewModel && viewModel.hide();
     }
+
+    /** @description 设置鹰眼图层
+     * @param {Array} layers 图层数组
+     */
     function setLayers(layers) {
       viewModel && viewModel.setLayers(layers);
     }