UNPKG

kepler.gl

Version:

kepler.gl is a webgl based application to visualize large scale location data in the browser

904 lines 286 kB
import { GridLayer } from '@deck.gl/aggregation-layers'; import { GetPickingInfoParams, PickingInfo } from '@deck.gl/core'; /** * In deck.gl 9, GridLayer natively supports CPU aggregation via gpuAggregation: false, * custom getColorValue/getElevationValue accessors, percentile filtering, and scale types. * The custom CPUAggregator override from deck.gl 8 is no longer needed. * * We override getPickingInfo to add `cellOutline` — an array of [lng, lat] coordinates * computed in common space so the outline aligns with rendered cells at all latitudes. */ export default class ScaleEnhancedGridLayer extends GridLayer<any> { static defaultProps: { gpuAggregation: boolean; gridAggregator?: ({ deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ((position: number[], cellSize: number) => [number, number]) | ({ value: ((position: number[], cellSize: number) => [number, number]) | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: ((position: number[], cellSize: number) => [number, number]) | null, value2: ((position: number[], cellSize: number) => [number, number]) | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: ((position: number[], cellSize: number) => [number, number]) | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: ((position: number[], cellSize: number) => [number, number]) | null, value2: ((position: number[], cellSize: number) => [number, number]) | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: ((position: number[], cellSize: number) => [number, number]) | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: ((position: number[], cellSize: number) => [number, number]) | null, value2: ((position: number[], cellSize: number) => [number, number]) | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: ((position: number[], cellSize: number) => [number, number]) | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: ((position: number[], cellSize: number) => [number, number]) | null, value2: ((position: number[], cellSize: number) => [number, number]) | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: ((position: number[], cellSize: number) => [number, number]) | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: ((position: number[], cellSize: number) => [number, number]) | null, value2: ((position: number[], cellSize: number) => [number, number]) | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; }) | null) | undefined; cellSize?: (number | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; colorDomain?: ({ deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | readonly [number, number] | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; }) | null) | undefined; colorRange?: ({ deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | import("@deck.gl/core").Color[] | ({ value: import("@deck.gl/core").Color[]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color[], value2: import("@deck.gl/core").Color[], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: import("@deck.gl/core").Color[]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color[], value2: import("@deck.gl/core").Color[], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: import("@deck.gl/core").Color[]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color[], value2: import("@deck.gl/core").Color[], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: import("@deck.gl/core").Color[]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color[], value2: import("@deck.gl/core").Color[], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: import("@deck.gl/core").Color[]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color[], value2: import("@deck.gl/core").Color[], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; coverage?: (number | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; elevationDomain?: ({ deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | readonly [number, number] | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: readonly [number, number] | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number] | null, value2: readonly [number, number] | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; }) | null) | undefined; elevationRange?: ({ deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | readonly [number, number] | ({ value: readonly [number, number]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number], value2: readonly [number, number], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: readonly [number, number]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number], value2: readonly [number, number], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: readonly [number, number]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number], value2: readonly [number, number], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: readonly [number, number]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number], value2: readonly [number, number], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: readonly [number, number]; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: readonly [number, number], value2: readonly [number, number], propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; elevationScale?: (number | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; extruded?: (boolean | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; upperPercentile?: (number | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; lowerPercentile?: (number | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").Color | null, value2: import("@deck.gl/core").Color | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "color"; optional?: boolean; }) | ({ value: import("@deck.gl/core").TextureSource | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: import("@deck.gl/core").TextureSource | null, value2: import("@deck.gl/core").TextureSource | null, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "image"; parameters?: any; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "data"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "array"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "object"; optional?: boolean; ignore?: boolean; compare?: boolean | number; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "accessor"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "function"; optional?: boolean; compare?: boolean; ignore?: boolean; })) | undefined; elevationUpperPercentile?: (number | { deprecatedFor?: string | string[]; } | ({ value: boolean; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: boolean, value2: boolean, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "boolean"; }) | ({ value: number; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean; equal?: ((value1: number, value2: number, propType: import("@deck.gl/core/dist/lifecycle/prop-types").PropType) => boolean) | undefined; } & { type: "number"; min?: number; max?: number; }) | ({ value: import("@deck.gl/core").Color | null; async?: boolean; validate?: (value: any, propType: import("@deck.gl/core/dist/lifecycle/