【杨琨】【添加二三维联动-添加删除图元功能】

Author: killer1992

src/service/2DPlot/PlotLayer2D.js

@@ -12,6 +12,7 @@ import { PlotObjectFactory } from './Shapes/PlotObjectFactory';
 import { createGuid } from '../PlotUtilBase/Util/Guid';
 import SymbolManager from '../PlotBase/SymbolManager/SymbolManager';
 import FabricLineUtil from './EditTool/FabricLineUtil';
+import {addExtendLayersPlot, removeExtendLayersPlot} from "../3DPlot/Utils/PlotUtil";
 
 export default class PlotLayer2D {
     constructor() {
@@ -26,6 +27,9 @@ export default class PlotLayer2D {
         // event
         this._objectModifiedEventAction = this._objectModifiedEventAction.bind(this);
         this._eventHandlers = [];
+
+        //二三维联动工具
+        this._linkTool = undefined;
     }
 
     /**
@@ -170,6 +174,7 @@ export default class PlotLayer2D {
      */
     add(plotObj) {
         this.m_plotObjects.push(plotObj);
+        addExtendLayersPlot(this._linkTool, plotObj);
         if (this._fabricCanvas) {
             this._fabricCanvas.add(plotObj);
         }
@@ -187,6 +192,7 @@ export default class PlotLayer2D {
         }
         if (this._fabricCanvas) {
             this._fabricCanvas.remove(plotObj);
+            removeExtendLayersPlot(this._linkTool, plotObj);
         }
     }
     /**

src/service/3DPlot/PlotLayer3D.js

@@ -8,6 +8,7 @@ import {PrimitiveFactory} from "./Primitive/PrimitiveFactory";
 import * as turf from "@turf/turf";
 import Point from "../PlotUtilBase/Geometry/Point";
 import GeomUtil from "../PlotUtilBase/Geometry/GeomUtil";
+import {addExtendLayersPlot, removeExtendLayersPlot} from "./Utils/PlotUtil";
 
 /**
  * @class module:3DPlot.PlotLayer3D
@@ -54,6 +55,9 @@ class PlotLayer3D extends Observable {
             shapeIcon: this._shapeIcon
         });
 
+        //二三维联动工具
+        this._linkTool = undefined;
+
         this._primitiveCollection._id = this._id;
         let scene = this._getScene();
         scene.primitives.add(this._primitiveCollection);
@@ -66,6 +70,7 @@ class PlotLayer3D extends Observable {
      */
     addPlot(plot) {
         this._primitiveCollection.add(plot);
+        addExtendLayersPlot(this._linkTool, plot);
         return plot;
     }
 
@@ -96,6 +101,7 @@ class PlotLayer3D extends Observable {
     removePlot(plot) {
         let plotLayer = this._getPlotLayer();
         if (plotLayer) {
+            removeExtendLayersPlot(this._linkTool, plot);
             return plotLayer.remove(plot);
         }
     }

src/service/3DPlot/Utils/PlotUtil.js

@@ -35,14 +35,36 @@ function getCenterByCartesian(positions) {
  * @param {Object} plot 要添加的图元
  */
 function addExtendLayersPlot(linkTool, plot) {
-    const {_extendLayers} = linkTool;
-    for (let i = 0; i < _extendLayers.length; i++) {
-        if(_extendLayers[i].addPrimitiveBy2DPlotObj){
-            _extendLayers[i].addPrimitiveBy2DPlotObj(plot);
-        }else if(_extendLayers[i].addPlotObjectBy3DPlotObj) {
-            _extendLayers[i].addPlotObjectBy3DPlotObj(plot);
+    if(!linkTool) return;
+    const {_extendLayers, _isLinked} = linkTool;
+    if (_isLinked) {
+        for (let i = 0; i < _extendLayers.length; i++) {
+            if (_extendLayers[i].addPrimitiveBy2DPlotObj) {
+                _extendLayers[i].addPrimitiveBy2DPlotObj(plot);
+            } else if (_extendLayers[i].addPlotObjectBy3DPlotObj) {
+                _extendLayers[i].addPlotObjectBy3DPlotObj(plot);
+            }
         }
     }
 }
 
-export {getCenter, getCenterByCartesian, addExtendLayersPlot}
+/**
+ * @description 二三维联动时，向扩展图层里面删除标绘图元
+ * @param {Object} linkTool 二三维联动工具
+ * @param {Object} plot 要删除的图元
+ */
+function removeExtendLayersPlot(linkTool, plot) {
+    if(!linkTool) return;
+    const {_extendLayers, _isLinked} = linkTool;
+    if (_isLinked) {
+        for (let i = 0; i < _extendLayers.length; i++) {
+            if (_extendLayers[i].addPrimitiveBy2DPlotObj) {
+                _extendLayers[i].remove(plot);
+            } else if (_extendLayers[i].addPlotObjectBy3DPlotObj) {
+                _extendLayers[i].removePlot(plot);
+            }
+        }
+    }
+}
+
+export {getCenter, getCenterByCartesian, addExtendLayersPlot, removeExtendLayersPlot}

src/service/PlotBase/LinkTool.js

@@ -8,16 +8,22 @@ import * as Cesium from "cesium";
  * @author 基础平台-杨琨
  * @param {Object} plotLayer 三维标绘图层、二维标绘图层或者图层基类
  * @param {Array} containers 图层容器数组
+ * @param {Object} options 初始化参数
+ * @param {Boolean} [isLinked = true] 是否进行联动
  */
-export default class LinkTool {
-    constructor(plotLayer, containers) {
+class LinkTool {
+    constructor(plotLayer, containers, options) {
+        options = options || {};
         this._plotLayer = plotLayer;
         this._containers = containers;
         this._plotLayer._linkTool = this;
-        this._isLinked = true;
         this._mapContainer = undefined;
         this._extendLayers = [];
 
+        const {isLinked = true} = options;
+        //是否进行联动
+        this._isLinked = isLinked;
+
         if (this._plotLayer instanceof PlotLayer3D) {
             this._mapContainer = this._plotLayer._viewer;
         } else if (this._plotLayer instanceof PlotLayer2D) {
@@ -73,4 +79,17 @@ export default class LinkTool {
             }
         }
     }
-}
+}
+
+Object.defineProperties(LinkTool.prototype, {
+    isLinked: {
+        get() {
+            return this._isLinked;
+        },
+        set(v) {
+            this._isLinked = v;
+        }
+    }
+})
+
+export default LinkTool;