DistanceTool support custom format label content (#2151)

maptalks · Dec 19, 2023 · bf1ede2 · bf1ede2
1 parent a8bdd7f
commit bf1ede2
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/map/tool/AreaTool.js b/src/map/tool/AreaTool.js
@@ -26,7 +26,7 @@ const options = {
 };
 
 /**
- * A map tool to help measure area on the map
+ * A map tool to help measure area on the map .it is extends DistanceTool
  * @category maptool
  * @extends DistanceTool
  * @example
@@ -74,6 +74,10 @@ class AreaTool extends DistanceTool {
             area = map.getProjection().measureArea(toMeasure);
         }
         this._lastMeasure = area;
+        const result = this._formatLabelContent(area);
+        if (result) {
+            return result;
+        }
         let units;
         if (this.options['language'] === 'zh-CN') {
             units = [' 平方米', ' 平方公里', ' 平方英尺', ' 平方英里'];

diff --git a/src/map/tool/DistanceTool.js b/src/map/tool/DistanceTool.js
@@ -1,4 +1,4 @@
-import { isArrayHasData, UID } from '../../core/util';
+import { isArrayHasData, isFunction, UID } from '../../core/util';
 import { extendSymbol } from '../../core/util/style';
 import Size from '../../geo/Size';
 import Geometry from '../../geometry/Geometry';
@@ -16,10 +16,12 @@ import DrawTool from './DrawTool';
  * @property {Object}  options.vertexSymbol     - symbol of the vertice
  * @property {Object}  options.labelOptions     - construct options of the vertice labels.
  * @property {Number}  options.decimalPlaces     - The  decimal places of the measured value
+ * @property {Function}  options.formatLabelContent     - Content function for custom measurement result labels
  * @memberOf DistanceTool
  * @instance
  */
 const options = {
+    'formatLabelContent': null,
     'decimalPlaces': 2,
     'mode': 'LineString',
     'language': 'zh-CN', //'en-US'
@@ -177,6 +179,14 @@ class DistanceTool extends DrawTool {
         return this;
     }
 
+    _formatLabelContent(params) {
+        const formatLabelContent = this.options.formatLabelContent;
+        if (formatLabelContent && isFunction(formatLabelContent)) {
+            return formatLabelContent.call(this, params) + '';
+        }
+        return null;
+    }
+
     _measure(toMeasure) {
         const map = this.getMap();
         let length;
@@ -186,6 +196,10 @@ class DistanceTool extends DrawTool {
             length = map.getProjection().measureLength(toMeasure);
         }
         this._lastMeasure = length;
+        const result = this._formatLabelContent(length);
+        if (result) {
+            return result;
+        }
         let units;
         if (this.options['language'] === 'zh-CN') {
             units = [' 米', ' 公里', ' 英尺', ' 英里'];