编辑增加状态

Author: cocaine-coder

geojson-editor/src/App.vue

@@ -15,7 +15,7 @@ import Measurer from './components/features/Measurer.vue';
 import FeatureCollectionEditor from './components/features/FeatureCollectionEditor.vue';
 import ShowEditorButton from './components/features/ShowEditorButton.vue';
 
-import { DrawManager, GeoJSONLayerManager, MeasureManager , TIdentityGeoJSONFeature, MiddleButtonRoate} from '../../packages/maplugin-maplibre';
+import { DrawManager, GeoJSONLayerManager, MeasureManager, TIdentityGeoJSONFeature, MiddleButtonRoate, VertexEditor } from '../../packages/maplugin-maplibre';
 import { StoreEditor } from './stores';
 
 import img_marker from './assets/map-marker.png?url';
@@ -47,6 +47,7 @@ function handleMapLoaded(map: maplibregl.Map) {
     });
     const drawManager = new DrawManager(glManager);
     const measureManager = new MeasureManager(glManager);
+    const vertexEditor = new VertexEditor(map);
 
     map.loadImage(img_marker).then((img) => {
         map.addImage("marker", img.data);
@@ -60,6 +61,19 @@ function handleMapLoaded(map: maplibregl.Map) {
         layout['icon-anchor'] = 'bottom';
     });
 
+    map.on('click', drawManager.id_layer_polygon, ({ features }) => {
+        if (drawManager.drawing || !features || features.length === 0) return;
+        const f = glManager.query((features[0].properties as any)['id']);
+        if (f) {
+            glManager.setFeatureHidden(f.properties.id);
+            vertexEditor.setFeature(f, feature => {
+
+                glManager.clearFeatureHidden();
+                glManager.update(feature);
+            });
+        }
+    });
+
     createMapControl(map, ShowEditorButton);
     createMapControl(map, Drawer, { drawManager }, 'top-left');
     createMapControl(map, Measurer, { measureManager }, 'top-left');

packages/maplugin-core/managers/geojson-draw-manager.ts

@@ -26,6 +26,10 @@ export class DrawManager {
 
     private escOnce: (e: KeyboardEvent) => void;
 
+    private _drawing = false;
+
+    get drawing(): boolean { return this._drawing; }
+
     /**
      *
      */
@@ -143,6 +147,7 @@ export class DrawManager {
 
     start(mode: TDrawGeometryType) {
         this.stop();
+        this._drawing = true;
         (this.glManager.map as any).doubleClickZoom.disable();
 
         if (mode === 'Point')
@@ -172,6 +177,8 @@ export class DrawManager {
         this.stopFunc = undefined;
 
         window.removeEventListener('keypress', this.escOnce);
+
+        this._drawing = false;
     }
 
     clear(): void {

packages/maplugin-core/managers/geojson-layer-manager.ts

@@ -162,7 +162,8 @@ export abstract class GeoJSONLayerManagerBase<TMap extends IMap = IMap, TFeature
      */
     clearFeatureHidden(...id: string[]) {
         const fs = new Array<TFeature>();
-        if (id.length === 0)
+
+        if (id.length !== 0)
             id.forEach(i => {
                 const f = this.hiddenData.get(i);
                 if (!f) return;