@regionerne/gis-komponent 0.0.113 → 0.0.115

package/fesm2022/regionerne-gis-komponent.mjs

@@ -50,7 +50,6 @@ import * as i1$4 from '@angular/material/dialog';
 import { MatDialog, MatDialogModule, MatDialogContent, MatDialogActions, MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle } from '@angular/material/dialog';
 import 'ol/ol.css';
 import { MultiPolygon, Polygon, Point as Point$1, LineString } from 'ol/geom';
-import { getArea, getLength } from 'ol/sphere';
 import Draw, { createBox, createRegularPolygon } from 'ol/interaction/Draw';
 import { Draw as Draw$1, Snap, Select as Select$1, Modify } from 'ol/interaction';
 import { Style, Fill, Circle, Stroke, Icon, Text, RegularShape } from 'ol/style';
@@ -80,6 +79,7 @@ import PrecisionModel from 'jsts/org/locationtech/jts/geom/PrecisionModel';
 import { polygon } from '@turf/helpers';
 import booleanWithin$1 from '@turf/boolean-within';
 import booleanOverlap from '@turf/boolean-overlap';
+import { getArea } from 'ol/sphere';
 import * as i5 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { map as map$1 } from 'rxjs/operators';
@@ -4263,7 +4263,7 @@ class ToolboxComponent {
         zIndex: 999,
         style: (feature) => {
             const geom = feature.getGeometry();
-            const area = getArea(geom);
+            const area = geom.getArea();
             const formattedArea = this.settings.sizeInHa
                 ? `(${this._formatNumber(area / 10000, 2)} ha)`
                 : (area > 1000000
@@ -4308,7 +4308,7 @@ class ToolboxComponent {
         zIndex: 999,
         style: (feature) => {
             const geom = feature.getGeometry();
-            const length = getLength(geom);
+            const length = geom.getLength(); // getLength(geom);
             const formattedLength = `${this._formatNumber(length, 2)} m`;
             return new Style({
                 stroke: new Stroke({
@@ -4341,16 +4341,19 @@ class ToolboxComponent {
         // In order to add the distance to each segment of the distance measure feature, we need some extra handling like this.
         this._distanceMeasureDraw.on('drawstart', (evt) => {
             const sketch = evt.feature;
+            this._featureHelper.setId(sketch);
             sketch.getGeometry().on('change', (geomEvt) => {
                 const geom = geomEvt.target;
                 const coords = geom.getCoordinates();
-                this._distanceLabelSource.clear(); // Clear existing labels for each change
+                // Cleanup the labels for current item for each change.
+                const featuresToRemove = this._distanceLabelSource.getFeatures().filter(f => f.get('_lineFeatureId') == sketch.getId());
+                this._distanceLabelSource.removeFeatures(featuresToRemove);
                 let totalLength = 0;
                 for (let i = 0; i < coords.length - 1; i++) {
                     const c1 = coords[i];
                     const c2 = coords[i + 1];
                     const segment = new LineString([c1, c2]);
-                    const length = getLength(segment);
+                    const length = segment.getLength(); // getLength(segment, { projection: 'EPSG:25832' });
                     totalLength += length;
                     const mid = [(c1[0] + c2[0]) / 2, (c1[1] + c2[1]) / 2];
                     const formatted = `${this._formatNumber(length, 2)} m`;
@@ -4358,6 +4361,7 @@ class ToolboxComponent {
                         geometry: new Point$1(mid),
                         label: formatted
                     });
+                    labelFeature.set('_lineFeatureId', sketch.getId());
                     this._distanceLabelSource.addFeature(labelFeature);
                 }
                 // Add total length at the last point
@@ -4368,6 +4372,7 @@ class ToolboxComponent {
                         geometry: new Point$1(positionPoint),
                         label: `Total: ${formattedTotal}`
                     });
+                    totalFeature.set('_lineFeatureId', sketch.getId());
                     this._distanceLabelSource.addFeature(totalFeature);
                 }
             });