@deck.gl/mapbox 8.9.0-alpha.5 → 8.9.0-beta.1

package/typed/mapbox-overlay.js

@@ -0,0 +1,139 @@
+import { Deck, assert } from '@deck.gl/core';
+import { getViewState } from './deck-utils';
+/**
+ * Implements Mapbox [IControl](https://docs.mapbox.com/mapbox-gl-js/api/markers/#icontrol) interface
+ * Renders deck.gl layers over the base map and automatically synchronizes with the map's camera
+ */
+export default class MapboxOverlay {
+    constructor(props) {
+        this._updateContainerSize = () => {
+            if (this._map && this._container) {
+                const { clientWidth, clientHeight } = this._map.getContainer();
+                Object.assign(this._container.style, {
+                    width: `${clientWidth}px`,
+                    height: `${clientHeight}px`
+                });
+            }
+        };
+        this._updateViewState = () => {
+            const deck = this._deck;
+            if (deck) {
+                // @ts-ignore (2345) map is always defined if deck is
+                deck.setProps({ viewState: getViewState(this._map) });
+                // Redraw immediately if view state has changed
+                deck.redraw();
+            }
+        };
+        this._handleMouseEvent = (event) => {
+            const deck = this._deck;
+            if (!deck) {
+                return;
+            }
+            const mockEvent = {
+                type: event.type,
+                offsetCenter: event.point,
+                srcEvent: event
+            };
+            switch (event.type) {
+                case 'click':
+                    mockEvent.tapCount = 1;
+                    // Hack: because we do not listen to pointer down, perform picking now
+                    deck._onPointerDown(mockEvent);
+                    deck._onEvent(mockEvent);
+                    break;
+                case 'dblclick':
+                    mockEvent.type = 'click';
+                    mockEvent.tapCount = 2;
+                    deck._onEvent(mockEvent);
+                    break;
+                case 'mousemove':
+                    mockEvent.type = 'pointermove';
+                    deck._onPointerMove(mockEvent);
+                    break;
+                case 'mouseout':
+                    mockEvent.type = 'pointerleave';
+                    deck._onPointerMove(mockEvent);
+                    break;
+                default:
+                    return;
+            }
+        };
+        this._props = { ...props };
+    }
+    /** Update (partial) props of the underlying Deck instance. */
+    setProps(props) {
+        Object.assign(this._props, props);
+        if ('viewState' in this._props) {
+            delete this._props.viewState;
+        }
+        if (this._deck) {
+            this._deck.setProps(this._props);
+        }
+    }
+    /** Called when the control is added to a map */
+    onAdd(map) {
+        this._map = map;
+        /* global document */
+        const container = document.createElement('div');
+        Object.assign(container.style, {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            pointerEvents: 'none'
+        });
+        this._container = container;
+        this._deck = new Deck({
+            ...this._props,
+            parent: container,
+            viewState: getViewState(map)
+        });
+        map.on('resize', this._updateContainerSize);
+        map.on('render', this._updateViewState);
+        map.on('mousemove', this._handleMouseEvent);
+        map.on('mouseout', this._handleMouseEvent);
+        map.on('click', this._handleMouseEvent);
+        map.on('dblclick', this._handleMouseEvent);
+        this._updateContainerSize();
+        return container;
+    }
+    /** Called when the control is removed from a map */
+    onRemove() {
+        const map = this._map;
+        if (map) {
+            map.off('resize', this._updateContainerSize);
+            map.off('render', this._updateViewState);
+            map.off('mousemove', this._handleMouseEvent);
+            map.off('mouseout', this._handleMouseEvent);
+            map.off('click', this._handleMouseEvent);
+            map.off('dblclick', this._handleMouseEvent);
+        }
+        this._deck?.finalize();
+        this._deck = undefined;
+        this._map = undefined;
+        this._container = undefined;
+    }
+    getDefaultPosition() {
+        return 'top-left';
+    }
+    /** Forwards the Deck.pickObject method */
+    pickObject(params) {
+        assert(this._deck);
+        return this._deck.pickObject(params);
+    }
+    /** Forwards the Deck.pickMultipleObjects method */
+    pickMultipleObjects(params) {
+        assert(this._deck);
+        return this._deck.pickMultipleObjects(params);
+    }
+    /** Forwards the Deck.pickObjects method */
+    pickObjects(params) {
+        assert(this._deck);
+        return this._deck.pickObjects(params);
+    }
+    /** Remove from map and releases all resources */
+    finalize() {
+        if (this._map) {
+            this._map.removeControl(this);
+        }
+    }
+}

package/typed/resolve-layers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-layers.d.ts","sourceRoot":"","sources":["../src/resolve-layers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,UAAU,EAAQ,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,WAAW,CAAC;AAInC,iFAAiF;AACjF,wBAAgB,aAAa,CAC3B,GAAG,CAAC,EAAE,GAAG,EACT,IAAI,CAAC,EAAE,IAAI,EACX,SAAS,CAAC,EAAE,UAAU,EACtB,SAAS,CAAC,EAAE,UAAU,QA+EvB"}
+{"version":3,"file":"resolve-layers.d.ts","sourceRoot":"","sources":["../src/resolve-layers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,UAAU,EAAQ,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,WAAW,CAAC;AAInC,iFAAiF;AAEjF,wBAAgB,aAAa,CAC3B,GAAG,CAAC,EAAE,GAAG,EACT,IAAI,CAAC,EAAE,IAAI,EACX,SAAS,CAAC,EAAE,UAAU,EACtB,SAAS,CAAC,EAAE,UAAU,QA+EvB"}