增加shape文件导入导出

Author: cocaine-coder

geojson-editor/src/components/features/IO.vue

@@ -64,7 +64,8 @@ async function handleDownload() {
             let encode = FileProcesses.find(x => x.extension === `.${extension}`)?.encode;
             if (!encode) encode = FileProcesses.find(x => x.extension === '.geojson')!.encode!;
 
-            writable.write(encode(geojson)).then(() => {
+            const encodeData = await encode(geojson);
+            writable.write(encodeData).then(() => {
                 writable?.close();
             });
 

geojson-editor/src/services/file-processes.ts

@@ -1,5 +1,6 @@
 import { TIdentityGeoJSONFeature, Tools } from "../../../packages/maplugin-maplibre";
-import shp from "shpjs";
+import shpReader from "shpjs";
+import shpWriter from '@mapbox/shp-write';
 
 function appendId(fc: GeoJSON.FeatureCollection) {
     fc.features.forEach(f => {
@@ -16,7 +17,7 @@ const FileProcesses: Array<{
     description: string,
     contentType: string
     decode?(file: File): Promise<Array<TIdentityGeoJSONFeature>>,
-    encode?(geojson: GeoJSON.FeatureCollection): string | Blob
+    encode?(geojson: GeoJSON.FeatureCollection): Promise<string | Blob>
 }> = [{
     extension: ".geojson",
     description: "geojson",
@@ -27,7 +28,7 @@ const FileProcesses: Array<{
         return appendId(geojson).features as any;
     },
 
-    encode(geojson) {
+    async encode(geojson) {
         return JSON.stringify(geojson, null, 4);
     }
 }, {
@@ -36,8 +37,14 @@ const FileProcesses: Array<{
     contentType: "application/x-zip-compressed",
     async decode(file) {
         const buffer = await file.arrayBuffer();
-        const geojson = await shp(buffer) as GeoJSON.FeatureCollection;
+        const geojson = await shpReader(buffer) as GeoJSON.FeatureCollection;
         return appendId(geojson).features as any;
+    },
+    async encode(geojson) {
+        return (await shpWriter.zip(geojson, {
+            'outputType': 'blob',
+            'compression': 'DEFLATE'
+        })) as Blob;
     }
 }]
 

package.json

@@ -24,6 +24,7 @@
     "proj4": "^2.12.1"
   },
   "devDependencies": {
+    "@mapbox/shp-write": "^0.4.3",
     "@types/geojson": "^7946.0.14",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^22.8.6",