Legend for 3d map layer (equinor#1084)

* adding legend for 3d map layer

* add legend

* add color map function

* legend for 3d map layer

* remove extra code

* removed color map function

* modified legend range

Co-authored-by: Shruthi Rai <[email protected]>

Author: shruthirai

react/src/lib/components/DeckGLMap/layers/terrain/map3DLayer.ts

@@ -14,6 +14,7 @@ import { load } from "@loaders.gl/core";
 import { Vector3 } from "@math.gl/core";
 import { getModelMatrix } from "../utils/layerTools";
 import { isEqual } from "lodash";
+import { ContinuousLegendDataType } from "../../components/ColorLegend";
 
 type MeshType = {
     attributes: {
@@ -378,7 +379,6 @@ export default class Map3DLayer extends CompositeLayer<
 
         const isMesh =
             typeof this.props.mesh !== "undefined" && this.props.mesh !== "";
-
         const layer = new TerrainMapLayer(
             this.getSubLayerProps<
                 TerrainMapLayerData,
@@ -404,6 +404,22 @@ export default class Map3DLayer extends CompositeLayer<
         );
         return [layer];
     }
+
+    getLegendData(): ContinuousLegendDataType {
+        const colorRange = this.props.colorMapRange;
+        const propertyRange =
+            this.props.propertyTexture && this.props.propertyValueRange;
+        const meshRange = this.props.mesh && this.props.meshValueRange;
+        const legendRange = colorRange || propertyRange || meshRange;
+
+        return {
+            discrete: false,
+            valueRange: legendRange,
+            colorName: this.props.colorMapName,
+            title: "Map3dLayer",
+            colorMapFunction: this.props.colorMapFunction,
+        };
+    }
 }
 
 Map3DLayer.layerName = "Map3DLayer";