feat(data-layer): add filter property for client side filtering

ubilabs · Sep 7, 2020 · d357747 · d357747
1 parent 4d1ea82
commit d357747
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/src/scripts/hooks/use-globe-layer.ts b/src/scripts/hooks/use-globe-layer.ts
@@ -30,10 +30,16 @@ export function useGlobeLayer(
           imageryProvider
         );
 
+        const filterLinear = imageLayer.filter === 'linear';
+
         // @ts-ignore
-        newLayer.minificationFilter = TextureMinificationFilter.NEAREST;
+        newLayer.minificationFilter = filterLinear
+          ? TextureMinificationFilter.LINEAR
+          : TextureMinificationFilter.NEAREST;
         // @ts-ignore
-        newLayer.magnificationFilter = TextureMagnificationFilter.NEAREST;
+        newLayer.magnificationFilter = filterLinear
+          ? TextureMagnificationFilter.LINEAR
+          : TextureMagnificationFilter.NEAREST;
         newLayer.alpha = 1;
 
         // remove and destroy old layers if they exist

diff --git a/src/scripts/libs/get-image-layer-data.ts b/src/scripts/libs/get-image-layer-data.ts
@@ -51,7 +51,8 @@ export function getImageLayerData(
     type: layer.type,
     url: replacedUrl,
     nextUrls,
-    zoomLevels: layer.zoomLevels || 0
+    zoomLevels: layer.zoomLevels || 0,
+    filter: layer.filter
   };
 }
 

diff --git a/src/scripts/types/globe-image-layer-data.ts b/src/scripts/types/globe-image-layer-data.ts
@@ -6,4 +6,5 @@ export interface GlobeImageLayerData {
   url: string;
   nextUrls: string[];
   zoomLevels: number;
+  filter?: string;
 }
diff --git a/src/scripts/types/layer.d.ts b/src/scripts/types/layer.d.ts
@@ -16,6 +16,7 @@ export interface Layer {
     minute?: 'numeric' | '2-digit';
     second?: 'numeric' | '2-digit';
   };
+  filter?: string;
   minValue: number;
   maxValue: number;
   units: string;