# geometry editor

examples/index.html

@@ -37,6 +37,10 @@
   var drawTool = new MaptalksPlot.PlotDraw({
     mode: 'Curve'
   }).addTo(map).disable();
+  var editor = new MaptalksPlot.PlotEditor();
+  editor.on('editStart', function (event) {
+    console.log(event);
+  });
   drawTool.on('drawend', function (param) {
     console.log(param.geometry);
     if (param.geometry.getPlotType() === 'PlotPoint') {
@@ -50,6 +54,7 @@
       })
     }
     layer.addGeometry(param.geometry);
+    editor.activate(param.geometry);
   });
   var itemsLeft = ['Point', 'Polyline', 'Curve',
     'Arc', 'FreeLine',

src/core/PlotEditor.js

@@ -0,0 +1,32 @@
+import * as maptalks from 'maptalks'
+
+const Class = maptalks.Class
+const EventAble = maptalks.Eventable
+
+class PlotEditor extends EventAble(Class) {
+  constructor (geometry, opts) {
+    super(opts)
+    this._geometry = geometry
+  }
+
+  /**
+   * 激活符号编辑
+   * @param plot
+   */
+  activate (plot) {
+    this._geometry = plot
+    console.log(plot, this)
+    this.fire('editStart', {
+      geometry: this._geometry
+    })
+  }
+
+  /**
+   * 取消激活工具
+   */
+  deactivate () {
+    console.log(this)
+  }
+}
+
+export default PlotEditor

src/index.js

@@ -1,7 +1,9 @@
 import * as PlotTypes from './core/PlotTypes'
 import PlotDraw from './core/PlotDraw'
+import PlotEditor from './core/PlotEditor'
 
 export {
   PlotDraw,
+  PlotEditor,
   PlotTypes
 }