提供测量初始化参数

cocaine-coder · cocaine-coder · commit a37079bc5f7a · 2024-11-05T17:55:02.000+08:00
diff --git a/geojson-editor/src/components/features/Measurer.vue b/geojson-editor/src/components/features/Measurer.vue
@@ -14,10 +14,12 @@
                 <div class="measure-properties-controls visible" v-show="currentTab === 'visible'">
                     <div>面线段方向</div>
                     <input type="checkbox" v-model="direction">
+                    <div>面线距离</div>
+                    <input type="checkbox" v-model="polygonLine">
                     <div>面线段距离</div>
-                    <input type="checkbox" v-model="distance">
+                    <input type="checkbox" v-model="polygonLineSegment">
                     <div>线段距离</div>
-                    <input type="checkbox" v-model="centerDistance">
+                    <input type="checkbox" v-model="lineSegment">
                 </div>
 
                 <div class="measure-properties-controls" v-show="currentTab === 'units'">
@@ -87,14 +89,19 @@ watch(direction, a => {
     props.measureManager.showPolygonDirection(a);
 });
 
-const distance = ref(true);
-watch(distance, a => {
-    props.measureManager.showPolygonDistance(a);
+const polygonLine = ref(true);
+watch(polygonLine, a => {
+    props.measureManager.showPolygonLine(a);
 });
 
-const centerDistance = ref(true);
-watch(centerDistance, a => {
-    props.measureManager.showSegment(a);
+const polygonLineSegment = ref(true);
+watch(polygonLineSegment, a => {
+    props.measureManager.showPolygonLineSegment(a);
+});
+
+const lineSegment = ref(true);
+watch(lineSegment, a => {
+    props.measureManager.showLineSegment(a);
 });
 
 const areaUnit = ref<Units.TUnitsArea | 'M2KM2'>("M2KM2");
diff --git a/packages/maplugin-core/managers/measure-manager.ts b/packages/maplugin-core/managers/measure-manager.ts
@@ -10,6 +10,12 @@ type TMeasureUnits = {
 }
 
 interface MeasureOptions {
+    formats: {
+        point: (coord: GeoJSON.Position) => string,
+        line: (length: number, units: Units.TUnitsLength, index: number, end: boolean, segment: boolean) => string,
+        polygon: (area: number, units: Units.TUnitsArea) => string,
+        'polygon-line': (length: number, units: Units.TUnitsLength, index: number, end: boolean, segment: boolean) => string,
+    }
 }
 
 export class MeasureManager {
@@ -28,11 +34,6 @@ export class MeasureManager {
      */
     private precisions: Map<Units.TUnitsLength | Units.TUnitsArea, number>;
 
-    /**
-     * 是否进行面边界线的测量
-     */
-    private polygonDistance: boolean = true;
-
 
     readonly id_source_measure_symbol = Tools.uuid();
 
@@ -65,7 +66,25 @@ export class MeasureManager {
         return this.units.area;
     }
 
-    constructor(dataSource: DrawManager | GeoJSONLayerManagerBase, options: MeasureOptions = {}) {
+    constructor(dataSource: DrawManager | GeoJSONLayerManagerBase, private options: MeasureOptions = {
+        formats: {
+            point: p => {
+                return `${p[0].toFixed(6)},${p[1].toFixed(6)}`;
+            },
+            line: (len, units) => {
+                const val = len.toFixed(this.precisions.get(units)) + ` ${Units.unitsLengthDescriptions.find(x => x.value === units)?.label}`;
+                return val;
+            },
+            polygon: (area, units) => {
+                const val = area.toFixed(this.precisions.get(units)) + ` ${Units.unitsAreaDescriptions.find(x => x.value === units)?.label}`;
+                return val;
+            },
+            "polygon-line": (len, units, _, end) => {
+                const val = len.toFixed(this.precisions.get(units)) + ` ${Units.unitsLengthDescriptions.find(x => x.value === units)?.label}`;
+                return end ? `终点: ${val}` : val;
+            }
+        }
+    }) {
         this.glManager = dataSource instanceof DrawManager ? dataSource.glManager : dataSource;
 
         // 清空自定义数据
@@ -336,26 +355,32 @@ export class MeasureManager {
     }
 
     /**
-     * 是否显示面的长度数据（边界线的测量）
+     * 显示面线数据
      * @param val 
      */
-    showPolygonDistance(val: boolean) {
-        this.polygonDistance = val;
-        this.renderMeasure();
+    showPolygonLine(val: boolean) {
+        this.glManager.map.setFilter(this.id_layer_measrue_polygon_line,
+            val ? ['==', ['get', 'type'], 'polygon-line'] : ['==', '1', '0']);
     }
 
     /**
-     * 显示段数据
+     * 显示面线段数据
      * @param val 
      */
-    showSegment(val: boolean) {
-        this.glManager.map.setFilter(this.id_layer_measrue_line_segment,
-            val ? ['==', ['get', 'type'], 'line-segment'] : ['==', '1', '0']);
-
+    showPolygonLineSegment(val: boolean) {
         this.glManager.map.setFilter(this.id_layer_measure_polygon_line_segment,
             val ? ['==', ['get', 'type'], 'polygon-line-segment'] : ['==', '1', '0']);
     }
 
+    /**
+     * 显示线线段数据
+     * @param val 
+     */
+    showLineSegment(val: boolean) {
+        this.glManager.map.setFilter(this.id_layer_measrue_line_segment,
+            val ? ['==', ['get', 'type'], 'line-segment'] : ['==', '1', '0']);
+    }
+
     /**
      * 重绘
      */
@@ -369,19 +394,19 @@ export class MeasureManager {
                 polygon: {
                     measureLineStringOptions: {
                         withStart: false,
-                        format: (len, i, end, center) => {
+                        format: (len, i, end, segment) => {
                             let units = this.units.length;
 
                             if (units === 'MKM')
                                 if (len > 1000) units = 'KM';
                                 else units = 'M';
 
                             len = Units.convertLength(len, 'M', units);
-                            const val = len.toFixed(this.precisions.get(units)) + ` ${Units.unitsLengthDescriptions.find(x => x.value === units)?.label}`;
-                            return end ? `终点: ${val}` : val;
+
+                            return this.options.formats['polygon-line'](len, units, i, end, segment);
                         }
                     },
-                    withLineString: this.polygonDistance,
+                    withLineString: true,
                     format: area => {
                         let units = this.units.area;
 
@@ -391,8 +416,7 @@ export class MeasureManager {
 
                         area = Units.convertArea(area, 'M2', units);
 
-                        const val = area.toFixed(this.precisions.get(units)) + ` ${Units.unitsAreaDescriptions.find(x => x.value === units)?.label}`;
-                        return val;
+                        return this.options.formats.polygon(area, units);
                     }
                 },
                 lineString: {
@@ -405,11 +429,14 @@ export class MeasureManager {
                             else units = 'M';
 
                         len = Units.convertLength(len, 'M', units);
-                        const val = len.toFixed(this.precisions.get(units)) + ` ${Units.unitsLengthDescriptions.find(x => x.value === units)?.label}`;
-                        return val;
+                        
+                        return this.options.formats.line(len, units, i, end, center);
                     }
                 },
                 point: {
+                    format: p => {
+                        return this.options.formats.point(p);
+                    }
                 }
             })
         });
diff --git a/packages/maplugin-core/utils/measurement.ts b/packages/maplugin-core/utils/measurement.ts
@@ -133,7 +133,7 @@ export namespace Measurement {
          * 经纬度格式化
          * @param position 经纬度 lng=position[0] lat=position[1]
          */
-        format?(position: GeoJSON.Position): string
+        format(position: GeoJSON.Position): string
     }
 
     /**
@@ -147,7 +147,7 @@ export namespace Measurement {
          * @param end 是否为最后一个
          * @param segment 是否为中间数值
          */
-        format?(length: number, index: number, end: boolean, segment: boolean): string,
+        format(length: number, index: number, end: boolean, segment: boolean): string,
 
         /**
          * 是否包含第一个数值
@@ -158,22 +158,22 @@ export namespace Measurement {
     }
 
     type TMeasureCalPolygonOptions = {
-        format?(area: number): string,
+        format(area: number): string,
         withLineString?: boolean,
-        measureLineStringOptions?: TMeasureCalLineStringOptions,
+        measureLineStringOptions: TMeasureCalLineStringOptions,
     }
 
     /**
      * 测量计算参数
      */
-    type TMeasureCalOptions = {
-        point?: TMeasureCalPointOptions,
-        lineString?: TMeasureCalLineStringOptions,
-        polygon?: TMeasureCalPolygonOptions
+    export type TMeasureCalOptions = {
+        point: TMeasureCalPointOptions,
+        lineString: TMeasureCalLineStringOptions,
+        polygon: TMeasureCalPolygonOptions
     }
 
-    function calPoint(g: GeoJSON.Position, options?: TMeasureCalPointOptions): TMeasureMarkerFeature[] {
-        const value = options?.format?.(g) || g[0].toFixed(6) + ',' + g[1].toFixed(6);
+    function calPoint(g: GeoJSON.Position, options: TMeasureCalPointOptions): TMeasureMarkerFeature[] {
+        const value = options.format(g);
         return [{
             type: "Feature",
             geometry: {
@@ -187,7 +187,7 @@ export namespace Measurement {
         }]
     }
 
-    function calLineString(g: GeoJSON.Position[], options?: TMeasureCalLineStringOptions, isPolygon: boolean = false): TMeasureMarkerFeature[] {
+    function calLineString(g: GeoJSON.Position[], options: TMeasureCalLineStringOptions, isPolygon: boolean = false): TMeasureMarkerFeature[] {
         const ret = new Array<TMeasureMarkerFeature>();
         let sumLength = 0;
 
@@ -213,7 +213,7 @@ export namespace Measurement {
                         coordinates: c.geometry.coordinates
                     },
                     properties: {
-                        value: options?.format?.(l, i, false, true) || `${l.toFixed(2)} m`,
+                        value: options.format(l, i, false, true),
                         type: isPolygon ? 'polygon-line-segment' : 'line-segment'
                     }
                 });
@@ -229,7 +229,7 @@ export namespace Measurement {
                     coordinates: current
                 },
                 properties: {
-                    value: options?.format?.(sumLength, i, i === g.length - 1, false) || `${sumLength.toFixed(2)} m`,
+                    value: options.format(sumLength, i, i === g.length - 1, false),
                     type: isPolygon ? 'polygon-line' : 'line'
                 }
             });
@@ -238,12 +238,12 @@ export namespace Measurement {
         return ret;
     }
 
-    function calPolygon(g: GeoJSON.Position[][], options?: TMeasureCalPolygonOptions): TMeasureMarkerFeature[] {
+    function calPolygon(g: GeoJSON.Position[][], options: TMeasureCalPolygonOptions): TMeasureMarkerFeature[] {
         const ret = new Array<TMeasureMarkerFeature>();
 
         if (options?.withLineString !== false) {
             g.forEach(x => {
-                ret.push(...calLineString(x, options?.measureLineStringOptions));
+                ret.push(...calLineString(x, options.measureLineStringOptions, true));
             });
         }
 
@@ -259,7 +259,7 @@ export namespace Measurement {
                     coordinates: center.geometry.coordinates
                 },
                 properties: {
-                    value: options?.format?.(a) || `${a.toFixed(2)} m²`,
+                    value: options.format(a),
                     type: 'polygon'
                 }
             })
@@ -268,20 +268,20 @@ export namespace Measurement {
         return ret;
     }
 
-    function calGeometry(g: GeoJSON.Geometry, options?: TMeasureCalOptions): TMeasureMarkerFeature[] {
-        if (g.type === 'Point') return calPoint(g.coordinates, options?.point);
-        if (g.type === 'LineString') return calLineString(g.coordinates, options?.lineString);
-        if (g.type === 'Polygon') return calPolygon(g.coordinates, options?.polygon);
+    function calGeometry(g: GeoJSON.Geometry, options: TMeasureCalOptions): TMeasureMarkerFeature[] {
+        if (g.type === 'Point') return calPoint(g.coordinates, options.point);
+        if (g.type === 'LineString') return calLineString(g.coordinates, options.lineString);
+        if (g.type === 'Polygon') return calPolygon(g.coordinates, options.polygon);
 
         function calMulGeometry<T>(data: Array<T>, cal: (d: T, options?: any) => TMeasureMarkerFeature[], options: any): TMeasureMarkerFeature[] {
             return data.reduce((p, c) => {
                 return p.concat(cal(c, options));
             }, new Array<TMeasureMarkerFeature>());
         }
 
-        if (g.type === 'MultiPoint') return calMulGeometry(g.coordinates, calPoint, options?.point);
-        if (g.type === 'MultiLineString') return calMulGeometry(g.coordinates, calLineString, options?.lineString);
-        if (g.type === 'MultiPolygon') return calMulGeometry(g.coordinates, calPolygon, options?.polygon);
+        if (g.type === 'MultiPoint') return calMulGeometry(g.coordinates, calPoint, options.point);
+        if (g.type === 'MultiLineString') return calMulGeometry(g.coordinates, calLineString, options.lineString);
+        if (g.type === 'MultiPolygon') return calMulGeometry(g.coordinates, calPolygon, options.polygon);
 
         throw new Error(`not suppose geometry type: ${g.type} to measure`);
     }
@@ -292,7 +292,7 @@ export namespace Measurement {
      * @param options 计算参数
      * @returns 
      */
-    export function cal(data: GeoJSON.Feature | GeoJSON.Feature[] | GeoJSON.Geometry, options?: TMeasureCalOptions) {
+    export function cal(data: GeoJSON.Feature | GeoJSON.Feature[] | GeoJSON.Geometry, options: TMeasureCalOptions) {
         if (data instanceof Array) {
             return data.reduce((p, c) => {
                 const features = calGeometry(c.geometry, options);
