@go-home-early/go-home-early98 0.3.1 → 0.3.2

package/README.md

@@ -1,24 +1,36 @@
 # go-home-early
 
-## Project setup
-```
-npm install
+# 1 安装
+```js
+1. npm i @go-home-early/go-home-early98
+2. 此组件库依赖cesium和element-ui,如果没有安装请执行以下命令
+   npm i cesium@1.95 element-ui
 ```
 
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
+# 2 快速配置
 
-### Compiles and minifies for production
-```
-npm run build
 ```
+1 import GoHomeEarly from '@go-home-early/go-home-early98'
+  Vue.use(GoHomeEarly)
+2 在vue.config.js中添加如下配置
+  
+const Path = require("path");
+    const CopyWebpackPlugin = require('copy-webpack-plugin');
+    const webpack = require('webpack');
 
-### Lints and fixes files
-```
-npm run lint
+	configureWebpack: {
+    plugins: [
+      new CopyWebpackPlugin({
+        patterns: [
+          { from: Path.resolve('./node_modules/cesium/Source/Workers'), to: 'Workers' },
+          { from: Path.resolve('./node_modules/cesium/Source/Assets'), to: 'Assets' },
+          { from: Path.resolve('./node_modules/cesium/Source/Widgets'), to: 'Widgets' },
+          { from: Path.resolve('./node_modules/cesium/Source/ThirdParty/Workers'), to: 'ThirdParty/Workers' 			}
+        ]
+      }),
+      new webpack.DefinePlugin({
+        CESIUM_BASE_URL: JSON.stringify('./')
+      })
+    ]
+  }
 ```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).

package/dist/go-home-early.umd.js

@@ -42236,7 +42236,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b5312db-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01d304bc-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
 var Cesiumvue_type_template_id_ec7fecf6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -417681,7 +417681,7 @@ function CesiumNavigation_initialize(viewerCesiumWidget, options) {
 
 /* harmony default export */ var dist_CesiumNavigation = (CesiumNavigation);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b5312db-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01d304bc-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
 var DrawMapvue_type_template_id_37acc99b_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -422392,7 +422392,7 @@ var component = normalizeComponent(
 var terraformer_wkt_parser = __webpack_require__("5a1f");
 var terraformer_wkt_parser_default = /*#__PURE__*/__webpack_require__.n(terraformer_wkt_parser);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b5312db-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01d304bc-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
 var Popupvue_type_template_id_3cb00216_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -422756,7 +422756,7 @@ var Popup_component = normalizeComponent(
 )
 
 /* harmony default export */ var Popup = (Popup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b5312db-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01d304bc-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
 var LocationDialogvue_type_template_id_8660a454_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -423191,7 +423191,7 @@ var LocationDialog_component = normalizeComponent(
 )
 
 /* harmony default export */ var LocationDialog = (LocationDialog_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1b5312db-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01d304bc-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
 var PoumianDialogvue_type_template_id_854b6d14_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@go-home-early/go-home-early98",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": false,
   "main": "dist/go-home-early.umd.js",
   "description": "text-components",
   "files": [
     "dist",
-    "packages",
+    "src/packages",
     "README.md"
   ],
   "scripts": {
@@ -42,20 +42,6 @@
     "eslint-plugin-vue": "^6.2.2",
     "vue-template-compiler": "^2.6.11"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",

package/src/packages/Cesium/DrawMap/DrawJs/CesiumEntityEdit.js

@@ -0,0 +1,427 @@
+import * as turf from '@turf/turf';
+import * as Cesium from 'cesium';
+
+class CesiumEntityEdit {
+  constructor(viewer, options) {
+    this.viewer = viewer;
+    this.options = options || {};
+    this.selectedEntity = null; // 被选择的实体对象
+    this.handler = null; // 事件捕获
+    this.mouseStatus = null; // 当前鼠标状态 LEFT_DOWN：左键按下;LEFT_UP: 左键抬起；MOVE: 鼠标移动
+    this.coordinates = []; // 当前被选中的实体组成的点集合
+    this.entityType = 'polygon'; // 当前被选中实体的类型
+    this.entityCenter = []; // 多边形中心点
+    this.strecthPointIds = []; // 拉伸点Id集合
+    this.strecthObj = null; // 被选中的拉伸点
+    this.isStrecth = false; // 当前是否点击拉伸点
+  }
+  start() {
+    this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
+    // 监听鼠标左键按下事件
+    this.handler.setInputAction(
+      (e) => this.handleLeftDown(e),
+      Cesium.ScreenSpaceEventType.LEFT_DOWN
+    );
+    // 监听鼠标左键抬起事件
+    this.handler.setInputAction(
+      (e) => this.handleLeftUp(e),
+      Cesium.ScreenSpaceEventType.LEFT_UP
+    );
+    // 监听鼠标移动事件
+    this.handler.setInputAction(
+      (e) => this.handleMouseMove(e),
+      Cesium.ScreenSpaceEventType.MOUSE_MOVE
+    );
+  }
+  handleLeftDown(e) {
+    // 更新鼠标状态
+    this.mouseStatus = 'LEFT_DOWN';
+    // 获取当前点击位置的实体对象
+    const obj = this.viewer.scene.pick(e.position);
+    if (!obj) {
+      this.strecthObj = null;
+      this.selectedEntity = null;
+      this.viewer.scene.screenSpaceCameraController.enableRotate = true;
+      this.removeStretchPoint();
+      return;
+    }
+    if (obj && obj.id.name === 'stretch_point') {
+      const index = this.strecthPointIds.findIndex((p) => p === obj.id.id);
+      this.strecthObjId_index = index;
+      this.strecthObj = obj;
+      this.isStrecth = true;
+    } else {
+      this.removeStretchPoint();
+      this.strecthObj = null;
+      this.selectedEntity = obj;
+    }
+
+    console.log(`output->obj`, obj);
+
+    // 锁定相机
+    this.viewer.scene.screenSpaceCameraController.enableRotate = false;
+    if (obj.id.polygon) {
+      this.entityType = 'polygon';
+      this.coordinates = this.selectedEntity.id.polygon.hierarchy.getValue(
+        Cesium.JulianDate.now()
+      ).positions;
+      this.entityCenter = this.getEntityCenter();
+      // 添加拉伸点
+      this.addStrecthPoint(this.selectedEntity.id.polygon);
+    }
+    if (obj.id.polyline) {
+      this.entityType = 'polyline';
+      this.coordinates = this.selectedEntity.id.polyline.positions.getValue(
+        Cesium.JulianDate.now()
+      );
+      // this.entityCenter = this.getEntityCenter();
+      // 添加拉伸点
+      this.addStrecthPoint(this.selectedEntity.id.polyline);
+    }
+    if (obj.id.rectangle) {
+      this.entityType = 'rectangle';
+      this.coordinates = this.selectedEntity.id.rectangle.coordinates.getValue(
+        Cesium.JulianDate.now()
+      );
+      // 添加拉伸点
+      this.addStrecthPoint(this.selectedEntity.id.rectangle);
+    }
+    if (obj.id.point) {
+      this.entityType = 'point';
+    }
+    if (obj.id.ellipse) {
+      // 圆形
+      this.entityType = 'ellipse';
+    }
+    if (obj.id.billboard && obj.id.label) {
+      // 文字点位，图片和文字
+      this.entityType = 'pointText';
+    }
+  }
+  handleLeftUp(e) {
+    // 更新鼠标状态
+    this.mouseStatus = 'LEFT_UP';
+  }
+  handleMouseMove(e) {
+    // 表示鼠标左键后有选中实体
+    if (this.mouseStatus === 'LEFT_DOWN' && this.selectedEntity) {
+      // 拖拽实体
+      if (this.strecthObj) {
+        // 点中了拉伸点
+        this.handleDrag(e, this.strecthObj);
+        this.handleStretch(this.selectedEntity); // 实体的点位传进去
+        return;
+      }
+      this.removeStretchPoint();
+      this.handleDrag(e, this.selectedEntity);
+    }
+  }
+  /**
+   * 拖拽移动实体
+   * @param {*} e
+   */
+  handleDrag(e, selectedEntity) {
+    if (!selectedEntity) return;
+    const coordinates = this.coordinates;
+    // 获取开始位置坐标
+    const startPosition = this.viewer.scene.camera.pickEllipsoid(
+      e.startPosition,
+      this.viewer.scene.globe.ellipsoid
+    );
+    // 获取结束位置坐标
+    const endPosition = this.viewer.scene.camera.pickEllipsoid(
+      e.endPosition,
+      this.viewer.scene.globe.ellipsoid
+    );
+    selectedEntity.id.position = new Cesium.CallbackProperty(function() {
+      return endPosition;
+    }, false);
+    const changed_x = endPosition.x - startPosition.x;
+    const changed_y = endPosition.y - startPosition.y;
+    const changed_z = endPosition.z - startPosition.z;
+    if (this.entityType === 'point') {
+      const ray = this.viewer.camera.getPickRay(e.endPosition);
+      const cartesian = this.viewer.scene.globe.pick(ray, this.viewer.scene);
+      selectedEntity.id.position = new Cesium.CallbackProperty(function(time) {
+        return cartesian;
+      }, false);
+    }
+    if (this.entityType === 'polygon') {
+      const currentsPoint = [];
+      for (let i = 0; i < coordinates.length; i++) {
+        coordinates[i].x = coordinates[i].x + changed_x;
+        coordinates[i].y = coordinates[i].y + changed_y;
+        coordinates[i].z = coordinates[i].z + changed_z;
+        currentsPoint.push(coordinates[i]);
+      }
+      selectedEntity.id.polygon.hierarchy = new Cesium.CallbackProperty(
+        (time) => {
+          return { positions: currentsPoint };
+        },
+        false
+      ); // 防止闪烁
+    }
+    if (this.entityType === 'polyline') {
+      const currentsPoint = [];
+      for (let i = 0; i < coordinates.length; i++) {
+        coordinates[i].x = coordinates[i].x + changed_x;
+        coordinates[i].y = coordinates[i].y + changed_y;
+        coordinates[i].z = coordinates[i].z + changed_z;
+        currentsPoint.push(coordinates[i]);
+      }
+      selectedEntity.id.polyline.positions = new Cesium.CallbackProperty(
+        (time) => {
+          return currentsPoint;
+        },
+        false
+      ); // 防止闪烁
+    }
+    if (this.entityType === 'rectangle') {
+      const position_start = startPosition;
+      const cartographic_start =
+        Cesium.Cartographic.fromCartesian(position_start);
+      const longitude_start = Cesium.Math.toDegrees(
+        cartographic_start.longitude
+      );
+      const latitude_start = Cesium.Math.toDegrees(cartographic_start.latitude);
+
+      const position_end = endPosition;
+      const cartographic_end = Cesium.Cartographic.fromCartesian(position_end);
+      const longitude_end = Cesium.Math.toDegrees(cartographic_end.longitude);
+      const latitude_end = Cesium.Math.toDegrees(cartographic_end.latitude);
+
+      const changer_lng = longitude_end - longitude_start;
+      const changer_lat = latitude_end - latitude_start;
+      coordinates.west = Cesium.Math.toRadians(
+        Cesium.Math.toDegrees(coordinates.west) + changer_lng
+      );
+      coordinates.east = Cesium.Math.toRadians(
+        Cesium.Math.toDegrees(coordinates.east) + changer_lng
+      );
+      coordinates.south = Cesium.Math.toRadians(
+        Cesium.Math.toDegrees(coordinates.south) + changer_lat
+      );
+      coordinates.north = Cesium.Math.toRadians(
+        Cesium.Math.toDegrees(coordinates.north) + changer_lat
+      );
+      selectedEntity.id.rectangle.coordinates = new Cesium.CallbackProperty(
+        () => {
+          return coordinates;
+        },
+        false
+      );
+    }
+  }
+  /**
+   * 旋转实体
+   * @param {*} angle
+   */
+  handleRotation(angle) {
+    if (!this.selectedEntity) return;
+    // 旋转时清除辅助拉伸的点
+    if (this.strecthPointIds.length) {
+      this.removeStretchPoint();
+    }
+    if (this.entityType === 'rectangle') {
+      // 旋转图形
+      this.selectedEntity.id.rectangle.rotation = new Cesium.CallbackProperty(
+        function() {
+          return angle;
+        },
+        false
+      );
+      // 旋转图形材质
+      this.selectedEntity.id.rectangle.stRotation = new Cesium.CallbackProperty(
+        function() {
+          return angle;
+        },
+        false
+      );
+    }
+    if (this.entityType === 'polygon') {
+      // let previousCoordinates = this.selectedEntity.id.polygon.hierarchy.getValue().positions
+      // let coors = this.getWGS84FromDKR(previousCoordinates)
+      // console.log(coors)
+      // let poly = turf.polygon([coors])
+      // let centroid = turf.centroid(poly)
+      // let rotatedPoly = turf.transformRotate(poly, angle, { pivot: centroid.geometry.coordinates})
+      // let newCoors = rotatedPoly.geometry.coordinates[0]
+      // let positions = []
+      // newCoors.forEach(item => {
+      //  positions.push(item[0], item[1])
+      // })
+      this.selectedEntity.id.polygon.stRotation = new Cesium.CallbackProperty(
+        function(time) {
+          return Cesium.Math.toRadians(angle);
+        },
+        false
+      );
+      // this.selectedEntity.id.polygon.hierarchy = new Cesium.CallbackProperty(function () {
+      //  return { positions: Cesium.Cartesian3.fromDegreesArray(positions) }
+      // }, false)
+    }
+  }
+  /**
+   * 拉伸实体
+   */
+  handleStretch(selectedEntity) {
+    const positions = [];
+    // 更新polygon的位置数组  多边形的
+    if (selectedEntity.id.polygon) {
+      for (let i = 0; i < this.strecthPointIds.length; i++) {
+        const id = this.strecthPointIds[i];
+        if (this.viewer.entities.getById(id)) {
+          positions.push(
+            this.viewer.entities
+              .getById(id)
+              .position.getValue(Cesium.JulianDate.now())
+          );
+        }
+      }
+
+      selectedEntity.id.polygon.hierarchy = new Cesium.CallbackProperty(() => {
+        return { positions: positions };
+      }, false);
+    }
+    // 更新polyline的位置数组  线段的
+    if (selectedEntity.id.polyline) {
+      for (let i = 0; i < this.strecthPointIds.length; i++) {
+        const id = this.strecthPointIds[i];
+        if (this.viewer.entities.getById(id)) {
+          positions.push(
+            this.viewer.entities
+              .getById(id)
+              .position.getValue(Cesium.JulianDate.now())
+          );
+        }
+      }
+
+      selectedEntity.id.polyline.positions = new Cesium.CallbackProperty(() => {
+        return positions;
+      }, false);
+    }
+    // 更新rectangle的位置数组  矩形的
+    if (selectedEntity.id.rectangle) {
+      const index = this.strecthPointIds.findIndex(
+        (item) => item === this.strecthObj.id.id
+      );
+      for (let i = 0; i < this.strecthPointIds.length; i++) {
+        const id = this.strecthPointIds[i];
+
+        // 矩形由两个对角的点组成的区域，因此先判断用户点击的是哪一个点，即奇偶判断
+        if (index % 2 === 0) {
+          if (i % 2 === 0) {
+            positions.push(
+              this.viewer.entities
+                .getById(id)
+                .position.getValue(Cesium.JulianDate.now())
+            );
+          } else {
+            // 将另外一半点隐藏
+            this.viewer.entities.getById(id).show = false;
+          }
+        } else {
+          if (i % 2 != 0) {
+            positions.push(
+              this.viewer.entities
+                .getById(id)
+                .position.getValue(Cesium.JulianDate.now())
+            );
+          } else {
+            this.viewer.entities.getById(id).show = false;
+          }
+        }
+      }
+      selectedEntity.id.rectangle.coordinates = new Cesium.CallbackProperty(
+        (time) => {
+          const obj = Cesium.Rectangle.fromCartesianArray(positions);
+          return obj;
+        },
+        false
+      );
+    }
+  }
+  /**
+   * 添加拉伸点
+   * @param {*} entity
+   */
+  addStrecthPoint(entity) {
+    let points = [];
+    if (this.entityType === 'polygon') {
+      points = entity.hierarchy.getValue(Cesium.JulianDate.now()).positions;
+    } else if (this.entityType === 'polyline') {
+      points = entity.positions.getValue(Cesium.JulianDate.now());
+    } else if (this.entityType === 'rectangle') {
+      const rectangle = entity.coordinates.getValue(Cesium.JulianDate.now());
+      Cesium.Rectangle.subsample(
+        rectangle,
+        Cesium.Ellipsoid.WGS84,
+        rectangle.height,
+        points
+      );
+    }
+    for (const position of points) {
+      const point = this.viewer.entities.add({
+        name: 'stretch_point',
+        position: position,
+        point: {
+          color: Cesium.Color.WHITE,
+          pixelSize: 10,
+          outlineColor: Cesium.Color.BLACK,
+          outlineWidth: 1
+        }
+      });
+      this.strecthPointIds.push(point.id);
+    }
+  }
+  /**
+   * 清除拉伸点
+   */
+  removeStretchPoint() {
+    for (const id of this.strecthPointIds) {
+      this.viewer.entities.removeById(id);
+    }
+    this.strecthPointIds = [];
+    this.strecthObj = null;
+    this.isStrecth = false;
+  }
+  /**
+   * 获取多边形图形中心点
+   */
+  getEntityCenter() {
+    const previousCoordinates =
+      this.selectedEntity.id.polygon.hierarchy.getValue(
+        Cesium.JulianDate.now()
+      ).positions;
+    const coors = this.getWGS84FromDKR(previousCoordinates);
+    coors.push(coors[0]);
+    const poly = turf.polygon([coors]);
+    const centroid = turf.centroid(poly);
+
+    return centroid.geometry.coordinates;
+  }
+  /**
+   * 将笛卡尔坐标转换成国际坐标
+   * @param {*} coors
+   * @returns
+   */
+  getWGS84FromDKR(coors) {
+    const newCoors = [];
+    for (let i = 0; i < coors.length; i++) {
+      const coor = coors[i];
+      const cartographic = Cesium.Cartographic.fromCartesian(coor);
+      const x = Cesium.Math.toDegrees(cartographic.longitude);
+      const y = Cesium.Math.toDegrees(cartographic.latitude);
+      newCoors.push([x, y]);
+    }
+
+    return newCoors;
+  }
+  destroy() {
+    this.handler && this.handler.destroy();
+    this.removeStretchPoint();
+    this.viewer.scene.screenSpaceCameraController.enableRotate = true;
+  }
+}
+
+export default CesiumEntityEdit;