@deck.gl/geo-layers 8.8.0-alpha.4 → 8.8.0-beta.1

package/typed/trips-layer/trips-layer.d.ts

@@ -0,0 +1,36 @@
+import type { NumericArray } from '@math.gl/core';
+import { AccessorFunction } from '@deck.gl/core/typed';
+import { PathLayer, PathLayerProps } from '@deck.gl/layers/typed';
+/** All properties supported by TripsLayer. */
+export declare type TripsLayerProps<DataT = any> = _TripsLayerProps<DataT> & PathLayerProps<DataT>;
+/** Properties added by TripsLayer. */
+declare type _TripsLayerProps<DataT = any> = {
+    /**
+     * Whether or not the path fades out.
+     * @default true
+     */
+    fadeTrail?: boolean;
+    /**
+     * Trail length.
+     * @default 120
+     */
+    trailLength?: number;
+    /**
+     * The current time of the frame.
+     * @default 0
+     */
+    currentTime?: number;
+    /**
+     * Timestamp accessor.
+     */
+    getTimestamps?: AccessorFunction<DataT, NumericArray>;
+};
+export default class TripsLayer<DataT = any, ExtraProps = {}> extends PathLayer<DataT, Required<_TripsLayerProps> & ExtraProps> {
+    static layerName: string;
+    static defaultProps: any;
+    getShaders(): any;
+    initializeState(): void;
+    draw(params: any): void;
+}
+export {};
+//# sourceMappingURL=trips-layer.d.ts.map

package/typed/trips-layer/trips-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trips-layer.d.ts","sourceRoot":"","sources":["../../src/trips-layer/trips-layer.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAS1D,8CAA8C;AAC9C,oBAAY,eAAe,CAAC,KAAK,GAAG,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3F,sCAAsC;AACtC,aAAK,gBAAgB,CAAC,KAAK,GAAG,GAAG,IAAI;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,GAAG,EAAE,CAAE,SAAQ,SAAS,CAC7E,KAAK,EACL,QAAQ,CAAC,gBAAgB,CAAC,GAAG,UAAU,CACxC;IACC,MAAM,CAAC,SAAS,SAAgB;IAChC,MAAM,CAAC,YAAY,EAAE,GAAG,CAAgB;IAExC,UAAU;IAmCV,eAAe;IAoBf,IAAI,CAAC,MAAM,KAAA;CAYZ"}

package/typed/trips-layer/trips-layer.js

@@ -0,0 +1,92 @@
+// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+import { PathLayer } from '@deck.gl/layers';
+const defaultProps = {
+    fadeTrail: true,
+    trailLength: { type: 'number', value: 120, min: 0 },
+    currentTime: { type: 'number', value: 0, min: 0 },
+    getTimestamps: { type: 'accessor', value: null }
+};
+export default class TripsLayer extends PathLayer {
+    getShaders() {
+        const shaders = super.getShaders();
+        shaders.inject = {
+            'vs:#decl': `\
+uniform float trailLength;
+attribute float instanceTimestamps;
+attribute float instanceNextTimestamps;
+varying float vTime;
+`,
+            // Timestamp of the vertex
+            'vs:#main-end': `\
+vTime = instanceTimestamps + (instanceNextTimestamps - instanceTimestamps) * vPathPosition.y / vPathLength;
+`,
+            'fs:#decl': `\
+uniform bool fadeTrail;
+uniform float trailLength;
+uniform float currentTime;
+varying float vTime;
+`,
+            // Drop the segments outside of the time window
+            'fs:#main-start': `\
+if(vTime > currentTime || (fadeTrail && (vTime < currentTime - trailLength))) {
+  discard;
+}
+`,
+            // Fade the color (currentTime - 100%, end of trail - 0%)
+            'fs:DECKGL_FILTER_COLOR': `\
+if(fadeTrail) {
+  color.a *= 1.0 - (currentTime - vTime) / trailLength;
+}
+`
+        };
+        return shaders;
+    }
+    initializeState() {
+        super.initializeState();
+        const attributeManager = this.getAttributeManager();
+        attributeManager.addInstanced({
+            timestamps: {
+                size: 1,
+                accessor: 'getTimestamps',
+                shaderAttributes: {
+                    instanceTimestamps: {
+                        vertexOffset: 0
+                    },
+                    instanceNextTimestamps: {
+                        vertexOffset: 1
+                    }
+                }
+            }
+        });
+    }
+    draw(params) {
+        const { fadeTrail, trailLength, currentTime } = this.props;
+        params.uniforms = {
+            ...params.uniforms,
+            fadeTrail,
+            trailLength,
+            currentTime
+        };
+        super.draw(params);
+    }
+}
+TripsLayer.layerName = 'TripsLayer';
+TripsLayer.defaultProps = defaultProps;