@go-home-early/go-home-early98 0.3.7 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,14 +1,13 @@
1
1
  # go-home-early🚀
2
2
 
3
- ## Project setup ⚙️
3
+ ## 快速安装 ⚙️
4
4
  ```
5
5
  1. npm i @go-home-early/go-home-early98
6
6
 
7
- 2. 此项目依赖cesium和element-ui,如果没有请执行以下命令
8
- npm i cesium@1.95 element-ui
9
-
10
7
  3. 在main.js中引用
11
8
  import GoHomeEarly from '@go-home-early/go-home-early98';
9
+ import "@cesium/widgets/Source/widgets.css";
10
+ import "@go-home-early/go-home-early98/dist/go-home-early.css"
12
11
  Vue.use(GoHomeEarly);
13
12
 
14
13
  4. 请在vue.config.vue中添加以下配置
@@ -34,3 +33,7 @@
34
33
  }
35
34
  };
36
35
  ```
36
+ ## 按需导入
37
+ ```
38
+ import { cesium } from '@go-home-early/go-home-early98';
39
+ ```
@@ -42177,7 +42177,7 @@ if (typeof window !== 'undefined') {
42177
42177
  // Indicate to webpack that this file can be concatenated
42178
42178
  /* harmony default export */ var setPublicPath = (null);
42179
42179
 
42180
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"dab78552-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/index.vue?vue&type=template&id=ec7fecf6&scoped=true
42180
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b4e6f62e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/index.vue?vue&type=template&id=ec7fecf6&scoped=true
42181
42181
  var Cesiumvue_type_template_id_ec7fecf6_scoped_true_render = function render() {
42182
42182
  var _vm = this,
42183
42183
  _c = _vm._self._c;
@@ -417622,7 +417622,7 @@ function CesiumNavigation_initialize(viewerCesiumWidget, options) {
417622
417622
 
417623
417623
  /* harmony default export */ var dist_CesiumNavigation = (CesiumNavigation);
417624
417624
 
417625
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"dab78552-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/DrawMap/index.vue?vue&type=template&id=37acc99b&scoped=true
417625
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b4e6f62e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/DrawMap/index.vue?vue&type=template&id=37acc99b&scoped=true
417626
417626
  var DrawMapvue_type_template_id_37acc99b_scoped_true_render = function render() {
417627
417627
  var _vm = this,
417628
417628
  _c = _vm._self._c;
@@ -422333,7 +422333,7 @@ var component = normalizeComponent(
422333
422333
  var terraformer_wkt_parser = __webpack_require__("5a1f");
422334
422334
  var terraformer_wkt_parser_default = /*#__PURE__*/__webpack_require__.n(terraformer_wkt_parser);
422335
422335
 
422336
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"dab78552-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/components/Popup.vue?vue&type=template&id=3cb00216&scoped=true
422336
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b4e6f62e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/components/Popup.vue?vue&type=template&id=3cb00216&scoped=true
422337
422337
  var Popupvue_type_template_id_3cb00216_scoped_true_render = function render() {
422338
422338
  var _vm = this,
422339
422339
  _c = _vm._self._c;
@@ -422697,7 +422697,7 @@ var Popup_component = normalizeComponent(
422697
422697
  )
422698
422698
 
422699
422699
  /* harmony default export */ var Popup = (Popup_component.exports);
422700
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"dab78552-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/components/LocationDialog.vue?vue&type=template&id=8660a454&scoped=true
422700
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b4e6f62e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/components/LocationDialog.vue?vue&type=template&id=8660a454&scoped=true
422701
422701
  var LocationDialogvue_type_template_id_8660a454_scoped_true_render = function render() {
422702
422702
  var _vm = this,
422703
422703
  _c = _vm._self._c;
@@ -423132,7 +423132,7 @@ var LocationDialog_component = normalizeComponent(
423132
423132
  )
423133
423133
 
423134
423134
  /* harmony default export */ var LocationDialog = (LocationDialog_component.exports);
423135
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"dab78552-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/components/PoumianDialog.vue?vue&type=template&id=854b6d14&scoped=true
423135
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b4e6f62e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/packages/Cesium/components/PoumianDialog.vue?vue&type=template&id=854b6d14&scoped=true
423136
423136
  var PoumianDialogvue_type_template_id_854b6d14_scoped_true_render = function render() {
423137
423137
  var _vm = this,
423138
423138
  _c = _vm._self._c;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@go-home-early/go-home-early98",
3
- "version": "0.3.7",
3
+ "version": "0.4.0",
4
4
  "private": false,
5
5
  "main": "dist/go-home-early.umd.js",
6
6
  "description": "text-components",
@@ -25,12 +25,12 @@
25
25
  "echarts": "^5.4.0",
26
26
  "sass": "^1.32.13",
27
27
  "sass-loader": "^10.2.0",
28
- "terraformer-wkt-parser": "^1.2.1",
29
- "cesium": "1.95",
30
- "element-ui": "^2.15.14"
28
+ "terraformer-wkt-parser": "^1.2.1"
31
29
  },
32
30
  "peerDependencies": {
33
- "vue": "^2.6.14"
31
+ "vue": "^2.6.14",
32
+ "cesium": "1.95",
33
+ "element-ui": "^2.15.14"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@vue/cli-plugin-babel": "~4.4.0",
@@ -2,7 +2,7 @@
2
2
 
3
3
  本文档记录了 Cesium 地图组件的封装方法、常用功能以及图层叠加的步骤。
4
4
 
5
- > **📝 注意**: 当前项目使用 `index.vue`,`index1.vue` 作为未经修改的原始副本。
5
+ >[object Object]副本。
6
6
 
7
7
  ---
8
8
 
@@ -22,6 +22,65 @@
22
22
 
23
23
  ## 🛠️ 常用方法简介
24
24
 
25
+ > 下表基于 `src/packages/Cesium/index.vue` 中公开的方法进行整理,**所有经纬度均默认为 EPSG:4326(十进制度)**,除非另有说明。
26
+ >
27
+ > `viewer` 参数若未显式给出,则默认取组件内部的 `this.viewer` 实例。
28
+
29
+ | 方法 | 参数 | 返回值 | 作用 |
30
+ | --- | --- | --- | --- |
31
+ | `changeMapMode()` | 无 | `void` | 在 2D 与 3D 场景模式之间切换,相机自动保持当前中心点。 |
32
+ | `handleZoomIn()` | 无 | `void` | 按照当前相机高度的 `10 %` 进行放大。 |
33
+ | `handleZoomOut()` | 无 | `void` | 按照当前相机高度的 `10 %` 进行缩小。 |
34
+ | `init([viewerParams])` | `viewerParams?: Object` – 透传给 `Cesium.Viewer` 的构造参数 | `void` | 初始化 Cesium 实例、底图及地形。组件挂载时自动调用。 |
35
+ | `initFlyTo(viewer?)` | `viewer? : Cesium.Viewer` | `void` | 飞行到江西省范围(作为起始视域)。 |
36
+ | `flyToDefault()` | 无 | `void` | 重置到预设的默认视域(江西省)并保持顶视角。 |
37
+ | `flyToPoint(options, viewer?)` | `options: { point: string(WKT); height?: number; heading?: number; pitch?: number; roll?: number; range?: number; duration?: number; surround?: boolean }` | `Promise<void>` | 飞行到指定 WKT 点。可选支持环绕 (`surround=true`) 及自定义相机姿态。 |
38
+ | `getCameraInfo(viewer?)` | 无 | `void` | 监听相机变化并实时把 `{height,longitude,latitude,heading,pitch,roll}` 写入 `this.cameraInfo`。 |
39
+ | `storeViewer(viewer?)` | 无 | `void` | 把当前相机位置和姿态存入 `this.currentViewer` 以便后续恢复。 |
40
+ | `restoreViewer(viewer?)` | 无 | `void` | 根据 `storeViewer` 保存的信息复原视角。 |
41
+ | `getCameraDistance()` | 无 | `number` | 计算当前相机到地表交点的距离(米)。 |
42
+ | `addB3dmLayer({url:string}, viewer?)` | `{ url:string }` | `Promise<Cesium.Cesium3DTileset>` | 加载 3DTiles 数据集并自动飞行至数据范围。 |
43
+ | `addGltfLayer(params, viewer?)` | `{ url:string; boundaryLine:string(WKT Point); scale?:number; size?:number }` | `Promise<Cesium.Model>` | 在指定 WKT 点位置加载 glTF 模型并自动调整视角。 |
44
+ | `addWmsLayer(params, viewer?)` | `{ name:string; url:string; work:string; layerName:string; style?:string; filter?:string; layerEventFun?:Function }` | `void` | 新增一个 WMS 影像图层并可绑定点击回调。 |
45
+ | `delWmsLayer(name, viewer?)` | `name:string` | `void` | 根据名称移除 WMS 图层。 |
46
+ | `setWmsLayerVisible({name,active})` | `{name:string; active:boolean}` | `void` | 控制 WMS 图层显隐。 |
47
+ | `changeStreetSelector(active)` | `active:boolean` | `void` | 开关天地图路网注记 (CIA 图层)。 |
48
+ | `addWktLayer(options, viewer?)` | 详见下方*WKT 图层参数* | `Promise<void>` | 根据 WKT / 数据列表叠加矢量数据,支持聚合、贴地、自动飞行、点击/悬浮事件等高级功能。 |
49
+ | `delWktLayer(name, viewer?)` | `name:string` | `void` | 删除指定 WKT 数据源及所有实体。 |
50
+ | `setWktLayerVisible({name,active})` | `{name:string; active:boolean}` | `void` | 控制 WKT 图层显隐。 |
51
+ | `getFeatureInfoUrl(opts, viewer?)` | `{url,work,name,position,width?,height?,infoFormat?,filterSql?}` | `string` | 组装符合 GeoServer WMS `GetFeatureInfo` 的请求 URL。 |
52
+ | `getPointHeight([lng,lat], viewer?)` | `[number,number]` | `Promise<number>` | 采样单点地形高程 (米)。 |
53
+ | `getTerrainHeight(pointsArray)` | `Array<[lng,lat]>` | `Promise<Cartographic[]>` | 批量采样地形高程并带缓存。 |
54
+ | `drawLayer(cfg, cb)` | `cfg:{name,type:'Point'\|'LineString'\|'Polygon'; single?:boolean; style?:Object; ...}` | `void` | 在自定义数据源上启动交互绘制,结束后回调结果。 |
55
+ | `clearDrawLayer({name,active})` | `{name:string; active?:boolean}` | `void` | 清空指定绘制数据源上的所有实体并恢复鼠标状态。 |
56
+ | `loadTrackPlayBackData(trackData, opts?, frustum?)` | `trackData:Array<TrackPoint>` `opts?:{speed?:number}` `frustum?:FrustumCfg` | `void` | 加载无人机轨迹并按时钟回放,可同时绘制实时视椎体。 |
57
+ | `clearTrackPlayback()` | 无 | `void` | 清除回放实体、视椎体并复位时钟。 |
58
+ | `addFrustum(cfg)` | `cfg:{longitude,latitude,height,heading,pitch,roll?,fov,near?,far?,aspectRatio}` | `void` | 在指定相机参数处绘制视椎体 (实体 + 轮廓 Primitive)。 |
59
+ | `clearFrustum()` | 无 | `void` | 移除当前视椎体 Primitive。 |
60
+ | `updateSizeFunction()` | 无 | `void` | 手动触发 Cesium 重新计算容器大小并请求渲染,用于外层布局变化。 |
61
+ | `extentFromWkt(wkt)` | `wkt:string` | `{west,south,east,north,width,height}` | 解析任意 WKT 计算外包矩形边界。 |
62
+ | `dmsToDegrees(dms)` | `dms:string\|number` | `number` | 将度分秒字符串转换为十进制度 (浮点)。 |
63
+ | `destroy()` | 无 | `void` | 彻底销毁 Viewer 实例并释放 WebGL 上下文。 |
64
+
65
+ ### WKT 图层参数(`addWktLayer`)
66
+ 主要字段:
67
+ ```ts
68
+ interface WktLayerOptions {
69
+ name: string; // 图层名称
70
+ list?: any[]; // 数据数组
71
+ coordsArr?: any[]; // 自定义坐标数组
72
+ coordField?: string; // 坐标字段名,默认 'boundaryLine'
73
+ coordsStyle?: Object; // 通用样式配置(点/线/面)
74
+ vectorEventFun?: (entity, info)=>void; // 点击/悬浮回调
75
+ clampToGround?: boolean; // 是否贴地
76
+ fit?: boolean; // 是否自动飞行到范围
77
+ isCluster?: boolean; // 是否启用聚合
78
+ clusterStyle?: Object; // 聚合显示样式
79
+ fitOptions?: Cesium.Camera.FlightOptions; // 自定义飞行参数
80
+ }
81
+ ```
82
+
83
+
25
84
  `changeMapMode()`
26
85
  : 在二维和三维模式之间切换地图。
27
86
 
@@ -49,9 +108,6 @@
49
108
  `drawLayer()`
50
109
  : 绘制图层。绘制的图层对象会存入 `drawLayerObj` 中,可通过 `drawLayerObj[name]` 获取。
51
110
 
52
- `toDegrees(radians)`
53
- : 将 Cartographic (大地坐标) 的弧度值转换为经纬度角度值。
54
-
55
111
  `formatWktToPoint(wkt)`
56
112
  : 将 `POINT(114.19 26.52)` 格式的 WKT 字符串转换为 `['114.19', '26.52']` 格式的数组。
57
113
 
@@ -100,11 +156,218 @@
100
156
  `dmsToDegrees()`
101
157
  : 将度分秒格式的坐标 `117° 47' 16.85"` 转换为角度格式 `'114.19'`。
102
158
 
159
+ `processGeoJSONData()`
160
+ : 处理 GeoJSON 数据。
161
+
162
+ `loadMaskPrimitive()`
163
+ : 加载遮罩图元。
164
+
165
+ `handleTool()`
166
+ : 处理工具栏操作。
167
+
168
+ `destroy()`
169
+ : 销毁 Cesium 实例。
170
+
171
+ `setCesiumStyle()`
172
+ : 设置 Cesium 样式。
173
+
174
+ `drawCircleByWkt()`
175
+ : 通过 WKT 绘制圆形。
176
+
177
+ `init()`
178
+ : 初始化 Cesium Viewer。
179
+
180
+ `getCameraInfo()`
181
+ : 获取相机信息。
182
+
183
+ `addGltfLayer()`
184
+ : 添加 GLTF 模型图层。
185
+
186
+ `initFlyTo()`
187
+ : 初始化飞行定位。
188
+
189
+ `flyToPoint()`
190
+ : 飞行到指定点。
191
+
192
+ `restoreViewer()`
193
+ : 恢复之前存储的视角。
194
+
195
+ `delWktLayer()`
196
+ : 删除 WKT 图层。
197
+
198
+ `setWktLayerVisible()`
199
+ : 设置 WKT 图层可见性。
200
+
201
+ `getFeatureInfoUrl()`
202
+ : 获取 WMS 图层要素信息 URL。
203
+
204
+ `handleColor()`
205
+ : 处理颜色值。
206
+
207
+ `handleStyle()`
208
+ : 处理图层样式。
209
+
210
+ `handleItemStyle()`
211
+ : 处理单个图元样式。
212
+
213
+ `handleClusterImageIcon()`
214
+ : 处理聚合图标(图片)。
215
+
216
+ `handleClusterColorIcon()`
217
+ : 处理聚合图标(颜色)。
218
+
219
+ `isWkt()`
220
+ : 判断是否为 WKT 格式。
221
+
222
+ `addPopup()`
223
+ : 添加弹窗。
224
+
225
+ `closePopup()`
226
+ : 关闭弹窗。
227
+
228
+ `updatePopupPosition()`
229
+ : 更新弹窗位置。
230
+
231
+ `zoomToCluster()`
232
+ : 缩放到聚合点。
233
+
234
+ `startSurround()`
235
+ : 开始环绕飞行。
236
+
237
+ `stopSurround()`
238
+ : 停止环绕飞行。
239
+
240
+ `toggleSurround()`
241
+ : 切换环绕飞行状态。
242
+
243
+ `removeLayerByName()`
244
+ : 根据名称移除图层。
245
+
246
+ `getFeatureByWKT()`
247
+ : 通过 WKT 获取要素。
248
+
249
+ `getCoordinatesByWkt()`
250
+ : 通过 WKT 获取坐标。
251
+
252
+ `getAreaByWkt()`
253
+ : 通过 WKT 获取面积或长度。
254
+
255
+ `calculatePolygonArea()`
256
+ : 计算多边形面积。
257
+
258
+ `calculateSinglePolygonArea()`
259
+ : 计算单个多边形面积。
260
+
261
+ `calculateRingArea()`
262
+ : 计算环面积。
263
+
264
+ `calculateLineLength()`
265
+ : 计算线长度。
266
+
267
+ `calculateSingleLineLength()`
268
+ : 计算单条线长度。
269
+
270
+ `calculateDistance()`
271
+ : 计算两点间距离。
272
+
273
+ `getCameraDistance()`
274
+ : 获取相机到地图中心的距离。
275
+
276
+ `drawPoint()`
277
+ : 绘制点。
278
+
279
+ `drawLineString()`
280
+ : 绘制线。
281
+
282
+ `drawPolygon()`
283
+ : 绘制多边形。
284
+
285
+ `getDrawStyle()`
286
+ : 获取绘制样式。
287
+
288
+ `getCenterByWkt()`
289
+ : 通过 WKT 获取中心点。
290
+
291
+ `calculateGeometryCenter()`
292
+ : 计算几何中心。
293
+
294
+ `calculatePolygonCenter()`
295
+ : 计算多边形中心。
296
+
297
+ `calculateMultiPolygonBoundsCenter()`
298
+ : 计算多个多边形边界中心。
299
+
300
+ `calculatePointsBoundsCenter()`
301
+ : 计算点集边界中心。
302
+
303
+ `updateSizeFunction()`
304
+ : 更新地图尺寸。
305
+
306
+ `getBufferWkt()`
307
+ : 获取 WKT 缓冲区的 WKT。
308
+
309
+ `calculateBufferPoints()`
310
+ : 计算缓冲区点。
311
+
312
+ `calculatePolygonBuffer()`
313
+ : 计算多边形缓冲区。
314
+
315
+ `loadTrackPlayBackData()`
316
+ : 加载轨迹回放数据。
317
+
318
+ `clearTrackPlayback()`
319
+ : 清除轨迹回放。
320
+
321
+ `loadGeoJson()`
322
+ : 加载 GeoJSON 数据。
323
+
324
+ `addFrustum()`
325
+ : 添加视锥体。
326
+
327
+ `clearFrustum()`
328
+ : 清除视锥体。
329
+
330
+ `updatePosition()`
331
+ : 更新实体位置。
332
+
333
+ `drawBtnClick()`
334
+ : 绘制按钮点击事件。
335
+
336
+ `mangAddLayer()`
337
+ : 管理后台添加图层。
338
+
339
+ `mangDefaultLayer()`
340
+ : 管理后台默认图层。
341
+
342
+ `handleCoordinateLength()`
343
+ : 处理坐标长度。
344
+
345
+ `setPositioningData()`
346
+ : 设置定位数据。
347
+
348
+ `deleteMangLayerClick()`
349
+ : 删除管理后台图层点击事件。
350
+
351
+ `initDrawBtn()`
352
+ : 初始化绘制按钮。
353
+
354
+ `updateMapBtn()`
355
+ : 更新地图按钮。
356
+
103
357
  ---
104
358
 
105
359
  ## ⚙️ Props
106
360
 
107
- - `scale` (Number): 当地图容器被缩放时,需传入此缩放比例以进行兼容性调整。
361
+ | Prop | Type | Default | 说明 |
362
+ | --- | --- | --- | --- |
363
+ | `params` | `Object` | `{ autoFlyTo: true }` | 传递给 `Cesium.Viewer` 的初始化参数。`autoFlyTo` 控制加载后是否自动飞行至默认视域(江西省)。 |
364
+ | `height` | `String` | `"100%"` | 地图容器的高度,支持所有合法的 CSS `height` 值。 |
365
+ | `showNavigation` | `Boolean` | `false` | 是否显示内置的导航控件(指北针、模式切换、缩放、底图切换)。 |
366
+ | `showTimeline` | `Boolean` | `false` | 是否在底部显示 Cesium 的时间轴控件。 |
367
+ | `scale` | `Number` | `1` | 当地图容器被外层 CSS `transform: scale()` 缩放时,传入此比例以修正鼠标事件的坐标拾取。 |
368
+ | `mangDrawType` | `String` | `'Point'` | 在后台管理模式下,允许绘制的几何类型。可选值为 `'Point'`, `'LineString'`, `'Polygon'`, `'PointPolygon'`。 |
369
+ | `isShowCoordinate` | `Boolean` | `false` | 是否显示为后台管理设计的坐标采集面板。 |
370
+
108
371
 
109
372
  ---
110
373
 
@@ -119,9 +382,7 @@ Cesium 中主要包含以下几种图层集合:
119
382
 
120
383
  ---
121
384
 
122
- ## 🔗 图层、数据源与实体的关系
123
-
124
- - **关系**: `Entity` 是数据本身,`DataSource` 是装载数据的容器,而 `Layer` 是将容器中的数据展示到地图上的工具。
385
+ ##[object Object]数据本身,`DataSource` 是装载数据的容器,而 `Layer` 是将容器中的数据展示到地图上的工具。
125
386
  - `drawLayer()` 和 `addWktLayer()` 方法都是通过新建数据源并向其中添加实体来工作的。
126
387
 
127
388
  - **叠加图层流程**:
@@ -289,4 +550,4 @@ Cesium 的架构自下而上分为六层:
289
550
  | `shadows` | `Property` | `ShadowMode.DISABLED` | 阴影模式。 |
290
551
  | `distanceDisplayCondition` | `Property` | `—` | 控制可见性的距离条件。 |
291
552
  | `classificationType` | `Property` | `ClassificationType.BOTH` | 分类类型。 |
292
- | `zIndex` | `Property` | `0` | `clampToGround` 为 true 时的 Z-index 排序。 |
553
+ | `zIndex` | `Property` | `0` | `clampToGround` 为 true 时的 Z-index 排序。 |