【杨琨】【添加二三维联动-绘制功能】

Author: killer1992

src/service/2DPlot/Draw/DrawPoint2D.js

@@ -8,6 +8,7 @@
 import  DrawObject  from "../../PlotBase/Draw/DrawObject";
 import  Point  from "../../PlotUtilBase/Geometry/Point";
 import  {PlotObjectFactory}  from "../Shapes/PlotObjectFactory";
+import {addExtendLayersPlot} from "../../3DPlot/Utils/PlotUtil";
 
 export default class DrawPoint2D extends DrawObject {
   constructor(fabricCanvas, symbol, options) {
@@ -50,6 +51,7 @@ export default class DrawPoint2D extends DrawObject {
       if(this._addedPlot){
         this._addedPlot(object);
       }
+      addExtendLayersPlot(this.m_fabricCanvas._linkTool, object);
       this.disable();
     })
 

src/service/2DPlot/Draw/DrawPolyline2D.js

@@ -7,7 +7,8 @@
  */
 import DrawObject from '../../PlotBase/Draw/DrawObject';
 import Point from '../../PlotUtilBase/Geometry/Point';
-import { PlotObjectFactory } from '../Shapes/PlotObjectFactory';
+import {PlotObjectFactory} from '../Shapes/PlotObjectFactory';
+import {addExtendLayersPlot} from "../../3DPlot/Utils/PlotUtil";
 
 const _ = require('lodash');
 export default class DrawPolyline2D extends DrawObject {
@@ -48,16 +49,17 @@ export default class DrawPolyline2D extends DrawObject {
             this.m_fabricCanvas.requestRenderAll();
         }
     }
+
     innerOnMouseUp(event) {
         if (!this.m_startDrawing) this.m_startDrawing = true;
 
         const pnt = this.m_coordSys.pointToData([event.pointer.x, event.pointer.y]);
         const lastPnt = this.m_coords.length > 2 ? this.m_coords[this.m_coords.length - 2] : null;
 
         if (lastPnt && Math.abs(pnt[0] - lastPnt.x) < 1e-4 && Math.abs(pnt[1] - lastPnt.y) < 1e-4) {
-            this.fireFinishEvent({ plotObj2D: this.m_object });
+            this.fireFinishEvent({plotObj2D: this.m_object});
             this.m_startDrawing = false;
-            if(this._addedPlot){
+            if (this._addedPlot) {
                 this._addedPlot(this.m_object);
             }
             this.disable();
@@ -71,6 +73,7 @@ export default class DrawPolyline2D extends DrawObject {
                         canvas: this.m_fabricCanvas
                     });
                     this.m_fabricCanvas.add(this.m_object);
+                    addExtendLayersPlot(this.m_fabricCanvas._linkTool, this.m_object);
                 });
             }
         }

src/service/3DPlot/Draw/DrawPoint.js

@@ -1,6 +1,7 @@
 import DrawObject from "../../../service/PlotBase/Draw/DrawObject";
 import {PrimitiveFactory} from "../Primitive/PrimitiveFactory";
 import {CesiumUtil} from "../Utils/CesiumUtil";
+import {addExtendLayersPlot} from "../Utils/PlotUtil";
 
 /**
  * @class module:3DPlot.DrawPoint
@@ -67,6 +68,7 @@ export default class DrawPoint extends DrawObject {
                 that._plotLayer._primitiveCollection.add(that._primitive);
 
                 that._primitive.positions = that.m_coords;
+                addExtendLayersPlot(that._plotLayer._linkTool, that._primitive);
                 that.disable();
                 that.fireFinishEvent({plotObj3D: that._primitive});
             });

src/service/3DPlot/Draw/DrawPolyline.js

@@ -3,6 +3,7 @@ import PrimitiveFactory from "../Primitive/index";
 import {CesiumUtil} from "../Utils/CesiumUtil";
 import GeomUtil from "../../../service/PlotUtilBase/Geometry/GeomUtil";
 import Point from "../../../service/PlotUtilBase/Geometry/Point";
+import {addExtendLayersPlot} from "../Utils/PlotUtil";
 
 function look(viewer, center, offset) {
   if (!viewer) {
@@ -120,6 +121,7 @@ export default class DrawPolyline extends DrawObject {
     //双击事件，结束绘制图元
     handler.setInputAction((event) => {
       this.fireFinishEvent({ plotObj3D: this._primitive });
+      addExtendLayersPlot(this._plotLayer._linkTool, this._primitive);
       this.disable();
     }, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
 

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

@@ -29,4 +29,20 @@ function getCenterByCartesian(positions) {
     return turf.center(turf.featureCollection(points));
 }
 
-export {getCenter, getCenterByCartesian}
+/**
+ * @description 二三维联动时，向扩展图层里面添加标绘图元
+ * @param {Object} linkTool 二三维联动工具
+ * @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);
+        }
+    }
+}
+
+export {getCenter, getCenterByCartesian, addExtendLayersPlot}

src/service/PlotBase/LinkTool.js

@@ -16,6 +16,7 @@ export default class LinkTool {
         this._plotLayer._linkTool = this;
         this._isLinked = true;
         this._mapContainer = undefined;
+        this._extendLayers = [];
 
         if (this._plotLayer instanceof PlotLayer3D) {
             this._mapContainer = this._plotLayer._viewer;
@@ -33,6 +34,8 @@ export default class LinkTool {
     _initPlotLayers() {
         if (!this._containers) return;
 
+        this._extendLayers = [];
+
         for (let i = 0; i < this._containers.length; i++) {
             let id, type, _plotLayer, _container = this._containers[i];
             if (_container._container) {
@@ -66,6 +69,7 @@ export default class LinkTool {
                         }
                         break;
                 }
+                this._extendLayers.push(_plotLayer);
             }
         }
     }