@deck.gl/geo-layers 8.8.20 → 8.8.21

package/typed/mvt-layer/coordinate-transform.js

@@ -0,0 +1,41 @@
+import { lerp } from '@math.gl/core';
+const availableTransformations = {
+    Point,
+    MultiPoint,
+    LineString,
+    MultiLineString,
+    Polygon,
+    MultiPolygon
+};
+function Point([pointX, pointY], [nw, se], viewport) {
+    const x = lerp(nw[0], se[0], pointX);
+    const y = lerp(nw[1], se[1], pointY);
+    return viewport.unprojectFlat([x, y]);
+}
+function getPoints(geometry, bbox, viewport) {
+    return geometry.map(g => Point(g, bbox, viewport));
+}
+function MultiPoint(multiPoint, bbox, viewport) {
+    return getPoints(multiPoint, bbox, viewport);
+}
+function LineString(line, bbox, viewport) {
+    return getPoints(line, bbox, viewport);
+}
+function MultiLineString(multiLineString, bbox, viewport) {
+    return multiLineString.map(lineString => LineString(lineString, bbox, viewport));
+}
+function Polygon(polygon, bbox, viewport) {
+    return polygon.map(polygonRing => getPoints(polygonRing, bbox, viewport));
+}
+function MultiPolygon(multiPolygon, bbox, viewport) {
+    return multiPolygon.map(polygon => Polygon(polygon, bbox, viewport));
+}
+export function transform(geometry, bbox, viewport) {
+    const nw = viewport.projectFlat([bbox.west, bbox.north]);
+    const se = viewport.projectFlat([bbox.east, bbox.south]);
+    const projectedBbox = [nw, se];
+    return {
+        ...geometry,
+        coordinates: availableTransformations[geometry.type](geometry.coordinates, projectedBbox, viewport)
+    };
+}

package/typed/mvt-layer/find-index-binary.js

@@ -0,0 +1,96 @@
+const GEOM_TYPES = ['points', 'lines', 'polygons'];
+/**
+ * Return the index of feature (numericProps or featureIds) for given feature id
+ * Example: findIndexBinary(data, 'id', 33) will return the index in the array of numericProps
+ * of the feature 33.
+ * @param {Object} data - The data in binary format
+ * @param {String} uniqueIdProperty - Name of the unique id property
+ * @param {Number|String} featureId - feature id to find
+ * @param {String} layerName - the layer to search in
+ */
+export default function findIndexBinary(data, uniqueIdProperty, featureId, layerName) {
+    for (const gt of GEOM_TYPES) {
+        const index = data[gt] && findIndexByType(data[gt], uniqueIdProperty, featureId, layerName);
+        if (index >= 0) {
+            return index;
+        }
+    }
+    return -1;
+}
+function findIndexByType(geomData, uniqueIdProperty, featureId, layerName) {
+    const featureIds = geomData.featureIds.value;
+    if (!featureIds.length) {
+        return -1;
+    }
+    let startFeatureIndex = 0;
+    let endFeatureIndex = featureIds[featureIds.length - 1] + 1;
+    if (layerName) {
+        const layerRange = getLayerRange(geomData, layerName);
+        if (layerRange) {
+            startFeatureIndex = layerRange[0];
+            endFeatureIndex = layerRange[1] + 1;
+        }
+        else {
+            return -1;
+        }
+    }
+    // Look for the uniqueIdProperty
+    let featureIndex = -1;
+    if (uniqueIdProperty in geomData.numericProps) {
+        const vertexIndex = geomData.numericProps[uniqueIdProperty].value.findIndex((x, i) => x === featureId && featureIds[i] >= startFeatureIndex && featureIds[i] < endFeatureIndex);
+        return vertexIndex >= 0 ? geomData.globalFeatureIds.value[vertexIndex] : -1;
+    }
+    else if (uniqueIdProperty) {
+        featureIndex = findIndex(geomData.properties, elem => elem[uniqueIdProperty] === featureId, startFeatureIndex, endFeatureIndex);
+    }
+    else if (geomData.fields) {
+        featureIndex = findIndex(geomData.fields, (elem) => elem.id === featureId, startFeatureIndex, endFeatureIndex);
+    }
+    return featureIndex >= 0 ? getGlobalFeatureId(geomData, featureIndex) : -1;
+}
+// Returns [firstFeatureIndex, lastFeatureIndex]
+// MVTLoader parses tiles layer-by-layer, so each layer is a continuous range
+function getLayerRange(geomData, layerName) {
+    if (!geomData.__layers) {
+        // Cache a map from properties.layerName to index ranges
+        const layerNames = {};
+        const { properties } = geomData;
+        for (let i = 0; i < properties.length; i++) {
+            const { layerName: key } = properties[i];
+            if (!key) {
+                // ignore
+            }
+            else if (layerNames[key]) {
+                layerNames[key][1] = i;
+            }
+            else {
+                layerNames[key] = [i, i];
+            }
+        }
+        geomData.__layers = layerNames;
+    }
+    return geomData.__layers[layerName];
+}
+// Returns global feature id
+function getGlobalFeatureId(geomData, featureIndex) {
+    if (!geomData.__ids) {
+        // Cache a map from featureId to globalFeatureId
+        const result = [];
+        const featureIds = geomData.featureIds.value;
+        const globalFeatureIds = geomData.globalFeatureIds.value;
+        for (let i = 0; i < featureIds.length; i++) {
+            result[featureIds[i]] = globalFeatureIds[i];
+        }
+        geomData.__ids = result;
+    }
+    return geomData.__ids[featureIndex];
+}
+// Like array.findIndex, but only search within a range
+function findIndex(array, predicate, startIndex, endIndex) {
+    for (let i = startIndex; i < endIndex; i++) {
+        if (predicate(array[i], i)) {
+            return i;
+        }
+    }
+    return -1;
+}

package/typed/mvt-layer/mvt-layer.js

@@ -0,0 +1,297 @@
+import { log, COORDINATE_SYSTEM } from '@deck.gl/core';
+import { GeoJsonLayer } from '@deck.gl/layers';
+import { Matrix4 } from '@math.gl/core';
+import { MVTWorkerLoader } from '@loaders.gl/mvt';
+import { binaryToGeojson } from '@loaders.gl/gis';
+import { ClipExtension } from '@deck.gl/extensions';
+import TileLayer from '../tile-layer/tile-layer';
+import { getURLFromTemplate, isGeoBoundingBox, isURLTemplate } from '../tile-layer/utils';
+import { transform } from './coordinate-transform';
+import findIndexBinary from './find-index-binary';
+const WORLD_SIZE = 512;
+const defaultProps = {
+    ...GeoJsonLayer.defaultProps,
+    uniqueIdProperty: { type: 'string', value: '' },
+    highlightedFeatureId: null,
+    loaders: [MVTWorkerLoader],
+    binary: true
+};
+export default class MVTLayer extends TileLayer {
+    initializeState() {
+        super.initializeState();
+        // GlobeView doesn't work well with binary data
+        const binary = this.context.viewport.resolution !== undefined ? false : this.props.binary;
+        this.setState({
+            binary,
+            data: null,
+            tileJSON: null
+        });
+    }
+    get isLoaded() {
+        return this.state && this.state.data && this.state.tileset && super.isLoaded;
+    }
+    updateState({ props, oldProps, context, changeFlags }) {
+        if (changeFlags.dataChanged) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            this._updateTileData();
+        }
+        if (this.state?.data) {
+            super.updateState({ props, oldProps, context, changeFlags });
+            this._setWGS84PropertyForTiles();
+        }
+        const { highlightColor } = props;
+        if (highlightColor !== oldProps.highlightColor && Array.isArray(highlightColor)) {
+            this.setState({ highlightColor });
+        }
+    }
+    /* eslint-disable complexity */
+    async _updateTileData() {
+        let data = this.props.data;
+        let tileJSON = null;
+        if (typeof data === 'string' && !isURLTemplate(data)) {
+            const { onDataLoad, fetch } = this.props;
+            this.setState({ data: null, tileJSON: null });
+            try {
+                tileJSON = await fetch(data, { propName: 'data', layer: this, loaders: [] });
+            }
+            catch (error) {
+                this.raiseError(error, 'loading TileJSON');
+                data = null;
+            }
+            if (onDataLoad) {
+                onDataLoad(tileJSON, { propName: 'data', layer: this });
+            }
+        }
+        else if (data.tilejson) {
+            tileJSON = data;
+        }
+        if (tileJSON) {
+            data = tileJSON.tiles;
+        }
+        this.setState({ data, tileJSON });
+    }
+    _getTilesetOptions() {
+        const opts = super._getTilesetOptions();
+        const tileJSON = this.state.tileJSON;
+        const { minZoom, maxZoom } = this.props;
+        if (tileJSON) {
+            if (Number.isFinite(tileJSON.minzoom) && tileJSON.minzoom > minZoom) {
+                opts.minZoom = tileJSON.minzoom;
+            }
+            if (Number.isFinite(tileJSON.maxzoom) &&
+                (!Number.isFinite(maxZoom) || tileJSON.maxzoom < maxZoom)) {
+                opts.maxZoom = tileJSON.maxzoom;
+            }
+        }
+        return opts;
+    }
+    /* eslint-disable complexity */
+    renderLayers() {
+        if (!this.state?.data)
+            return null;
+        return super.renderLayers();
+    }
+    getTileData(loadProps) {
+        const { data, binary } = this.state;
+        const { index, signal } = loadProps;
+        const url = getURLFromTemplate(data, loadProps);
+        if (!url) {
+            return Promise.reject('Invalid URL');
+        }
+        let loadOptions = this.getLoadOptions();
+        const { fetch } = this.props;
+        loadOptions = {
+            ...loadOptions,
+            mimeType: 'application/x-protobuf',
+            mvt: {
+                ...loadOptions?.mvt,
+                coordinates: this.context.viewport.resolution ? 'wgs84' : 'local',
+                tileIndex: index
+                // Local worker debug
+                // workerUrl: `modules/mvt/dist/mvt-loader.worker.js`
+                // Set worker to null to skip web workers
+                // workerUrl: null
+            },
+            gis: binary ? { format: 'binary' } : {}
+        };
+        return fetch(url, { propName: 'data', layer: this, loadOptions, signal });
+    }
+    renderSubLayers(props) {
+        const { x, y, z } = props.tile.index;
+        const worldScale = Math.pow(2, z);
+        const xScale = WORLD_SIZE / worldScale;
+        const yScale = -xScale;
+        const xOffset = (WORLD_SIZE * x) / worldScale;
+        const yOffset = WORLD_SIZE * (1 - y / worldScale);
+        const modelMatrix = new Matrix4().scale([xScale, yScale, 1]);
+        props.autoHighlight = false;
+        if (!this.context.viewport.resolution) {
+            props.modelMatrix = modelMatrix;
+            props.coordinateOrigin = [xOffset, yOffset, 0];
+            props.coordinateSystem = COORDINATE_SYSTEM.CARTESIAN;
+            props.extensions = [...(props.extensions || []), new ClipExtension()];
+        }
+        const subLayers = super.renderSubLayers(props);
+        if (this.state.binary && !(subLayers instanceof GeoJsonLayer)) {
+            log.warn('renderSubLayers() must return GeoJsonLayer when using binary:true')();
+        }
+        return subLayers;
+    }
+    _updateAutoHighlight(info) {
+        const { uniqueIdProperty } = this.props;
+        const { hoveredFeatureId, hoveredFeatureLayerName } = this.state;
+        const hoveredFeature = info.object;
+        let newHoveredFeatureId;
+        let newHoveredFeatureLayerName;
+        if (hoveredFeature) {
+            newHoveredFeatureId = getFeatureUniqueId(hoveredFeature, uniqueIdProperty);
+            newHoveredFeatureLayerName = getFeatureLayerName(hoveredFeature);
+        }
+        let { highlightColor } = this.props;
+        if (typeof highlightColor === 'function') {
+            highlightColor = highlightColor(info);
+        }
+        if (hoveredFeatureId !== newHoveredFeatureId ||
+            hoveredFeatureLayerName !== newHoveredFeatureLayerName) {
+            this.setState({
+                highlightColor,
+                hoveredFeatureId: newHoveredFeatureId,
+                hoveredFeatureLayerName: newHoveredFeatureLayerName
+            });
+        }
+    }
+    getPickingInfo(params) {
+        const info = super.getPickingInfo(params);
+        const isWGS84 = Boolean(this.context.viewport.resolution);
+        if (this.state.binary && info.index !== -1) {
+            const { data } = params.sourceLayer.props;
+            info.object = binaryToGeojson(data, { globalFeatureId: info.index });
+        }
+        if (info.object && !isWGS84) {
+            info.object = transformTileCoordsToWGS84(info.object, info.tile.bbox, this.context.viewport);
+        }
+        return info;
+    }
+    getSubLayerPropsByTile(tile) {
+        return {
+            highlightedObjectIndex: this.getHighlightedObjectIndex(tile),
+            highlightColor: this.state.highlightColor
+        };
+    }
+    getHighlightedObjectIndex(tile) {
+        const { hoveredFeatureId, hoveredFeatureLayerName, binary } = this.state;
+        const { uniqueIdProperty, highlightedFeatureId } = this.props;
+        const data = tile.content;
+        const isHighlighted = isFeatureIdDefined(highlightedFeatureId);
+        const isFeatureIdPresent = isFeatureIdDefined(hoveredFeatureId) || isHighlighted;
+        if (!isFeatureIdPresent) {
+            return -1;
+        }
+        const featureIdToHighlight = isHighlighted ? highlightedFeatureId : hoveredFeatureId;
+        // Iterable data
+        if (Array.isArray(data)) {
+            return data.findIndex(feature => {
+                const isMatchingId = getFeatureUniqueId(feature, uniqueIdProperty) === featureIdToHighlight;
+                const isMatchingLayer = isHighlighted || getFeatureLayerName(feature) === hoveredFeatureLayerName;
+                return isMatchingId && isMatchingLayer;
+            });
+            // Non-iterable data
+        }
+        else if (data && binary) {
+            // Get the feature index of the selected item to highlight
+            return findIndexBinary(data, uniqueIdProperty, featureIdToHighlight, isHighlighted ? '' : hoveredFeatureLayerName);
+        }
+        return -1;
+    }
+    _pickObjects(maxObjects) {
+        const { deck, viewport } = this.context;
+        const width = viewport.width;
+        const height = viewport.height;
+        const x = viewport.x;
+        const y = viewport.y;
+        const layerIds = [this.id];
+        return deck.pickObjects({ x, y, width, height, layerIds, maxObjects });
+    }
+    /** Get the rendered features in the current viewport. */
+    getRenderedFeatures(maxFeatures = null) {
+        const features = this._pickObjects(maxFeatures);
+        const featureCache = new Set();
+        const renderedFeatures = [];
+        for (const f of features) {
+            const featureId = getFeatureUniqueId(f.object, this.props.uniqueIdProperty);
+            if (featureId === undefined) {
+                // we have no id for the feature, we just add to the list
+                renderedFeatures.push(f.object);
+            }
+            else if (!featureCache.has(featureId)) {
+                // Add removing duplicates
+                featureCache.add(featureId);
+                renderedFeatures.push(f.object);
+            }
+        }
+        return renderedFeatures;
+    }
+    _setWGS84PropertyForTiles() {
+        const propName = 'dataInWGS84';
+        const tileset = this.state.tileset;
+        // @ts-expect-error selectedTiles are always initialized when tile is being processed
+        tileset.selectedTiles.forEach((tile) => {
+            if (!tile.hasOwnProperty(propName)) {
+                // eslint-disable-next-line accessor-pairs
+                Object.defineProperty(tile, propName, {
+                    get: () => {
+                        // Still loading or encountered an error
+                        if (!tile.content) {
+                            return null;
+                        }
+                        if (this.state.binary && Array.isArray(tile.content) && !tile.content.length) {
+                            // TODO: @loaders.gl/mvt returns [] when no content. It should return a valid empty binary.
+                            // https://github.com/visgl/loaders.gl/pull/1137
+                            return [];
+                        }
+                        const { bbox } = tile;
+                        if (tile._contentWGS84 === undefined && isGeoBoundingBox(bbox)) {
+                            // Create a cache to transform only once
+                            const content = this.state.binary ? binaryToGeojson(tile.content) : tile.content;
+                            tile._contentWGS84 = content.map(feature => transformTileCoordsToWGS84(feature, bbox, this.context.viewport));
+                        }
+                        return tile._contentWGS84;
+                    }
+                });
+            }
+        });
+    }
+}
+MVTLayer.layerName = 'MVTLayer';
+MVTLayer.defaultProps = defaultProps;
+function getFeatureUniqueId(feature, uniqueIdProperty) {
+    if (feature.properties && uniqueIdProperty) {
+        return feature.properties[uniqueIdProperty];
+    }
+    if ('id' in feature) {
+        return feature.id;
+    }
+    return undefined;
+}
+function getFeatureLayerName(feature) {
+    return feature.properties?.layerName || null;
+}
+function isFeatureIdDefined(value) {
+    return value !== undefined && value !== null && value !== '';
+}
+function transformTileCoordsToWGS84(object, bbox, viewport) {
+    const feature = {
+        ...object,
+        geometry: {
+            type: object.geometry.type
+        }
+    };
+    // eslint-disable-next-line accessor-pairs
+    Object.defineProperty(feature.geometry, 'coordinates', {
+        get: () => {
+            const wgs84Geom = transform(object.geometry, bbox, viewport);
+            return wgs84Geom.coordinates;
+        }
+    });
+    return feature;
+}

package/typed/quadkey-layer/quadkey-layer.js

@@ -0,0 +1,18 @@
+import GeoCellLayer from '../geo-cell-layer/GeoCellLayer';
+import { getQuadkeyPolygon } from './quadkey-utils';
+const defaultProps = {
+    getQuadkey: { type: 'accessor', value: d => d.quadkey }
+};
+export default class QuadkeyLayer extends GeoCellLayer {
+    indexToBounds() {
+        const { data, getQuadkey } = this.props;
+        return {
+            data,
+            _normalize: false,
+            positionFormat: 'XY',
+            getPolygon: (x, objectInfo) => getQuadkeyPolygon(getQuadkey(x, objectInfo))
+        };
+    }
+}
+QuadkeyLayer.layerName = 'QuadkeyLayer';
+QuadkeyLayer.defaultProps = defaultProps;

package/typed/quadkey-layer/quadkey-utils.js

@@ -0,0 +1,26 @@
+import { worldToLngLat } from '@math.gl/web-mercator';
+const TILE_SIZE = 512;
+export function quadkeyToWorldBounds(quadkey) {
+    let x = 0;
+    let y = 0;
+    let mask = 1 << quadkey.length;
+    const scale = mask / TILE_SIZE;
+    for (let i = 0; i < quadkey.length; i++) {
+        mask >>= 1;
+        const q = parseInt(quadkey[i]);
+        if (q % 2)
+            x |= mask;
+        if (q > 1)
+            y |= mask;
+    }
+    return [
+        [x / scale, TILE_SIZE - y / scale],
+        [(x + 0.99) / scale, TILE_SIZE - (y + 0.99) / scale]
+    ];
+}
+export function getQuadkeyPolygon(quadkey) {
+    const [topLeft, bottomRight] = quadkeyToWorldBounds(quadkey);
+    const [w, n] = worldToLngLat(topLeft);
+    const [e, s] = worldToLngLat(bottomRight);
+    return [e, n, e, s, w, s, w, n, e, n];
+}

package/typed/s2-layer/s2-geometry.js

@@ -0,0 +1,123 @@
+/*
+Adapted from s2-geometry
+
+ISC License (ISC)
+
+Copyright (c) 2012-2016, Jon Atkins <github@jonatkins.com>
+Copyright (c) 2016, AJ ONeal <aj@daplie.com>
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+*/
+import Long from 'long';
+//
+// Functional Style
+//
+const FACE_BITS = 3;
+const MAX_LEVEL = 30;
+const POS_BITS = 2 * MAX_LEVEL + 1; // 61 (60 bits of data, 1 bit lsb marker)
+const RADIAN_TO_DEGREE = 180 / Math.PI;
+export function IJToST(ij, order, offsets) {
+    const maxSize = 1 << order;
+    return [(ij[0] + offsets[0]) / maxSize, (ij[1] + offsets[1]) / maxSize];
+}
+function singleSTtoUV(st) {
+    if (st >= 0.5) {
+        return (1 / 3.0) * (4 * st * st - 1);
+    }
+    return (1 / 3.0) * (1 - 4 * (1 - st) * (1 - st));
+}
+export function STToUV(st) {
+    return [singleSTtoUV(st[0]), singleSTtoUV(st[1])];
+}
+export function FaceUVToXYZ(face, [u, v]) {
+    switch (face) {
+        case 0:
+            return [1, u, v];
+        case 1:
+            return [-u, 1, v];
+        case 2:
+            return [-u, -v, 1];
+        case 3:
+            return [-1, -v, -u];
+        case 4:
+            return [v, -1, -u];
+        case 5:
+            return [v, u, -1];
+        default:
+            throw new Error('Invalid face');
+    }
+}
+export function XYZToLngLat([x, y, z]) {
+    const lat = Math.atan2(z, Math.sqrt(x * x + y * y));
+    const lng = Math.atan2(y, x);
+    return [lng * RADIAN_TO_DEGREE, lat * RADIAN_TO_DEGREE];
+}
+export function toHilbertQuadkey(idS) {
+    let bin = Long.fromString(idS, true, 10).toString(2);
+    while (bin.length < FACE_BITS + POS_BITS) {
+        // eslint-disable-next-line prefer-template
+        bin = '0' + bin;
+    }
+    // MUST come AFTER binstr has been left-padded with '0's
+    const lsbIndex = bin.lastIndexOf('1');
+    // substr(start, len)
+    // substring(start, end) // includes start, does not include end
+    const faceB = bin.substring(0, 3);
+    // posB will always be a multiple of 2 (or it's invalid)
+    const posB = bin.substring(3, lsbIndex);
+    const levelN = posB.length / 2;
+    const faceS = Long.fromString(faceB, true, 2).toString(10);
+    let posS = Long.fromString(posB, true, 2).toString(4);
+    while (posS.length < levelN) {
+        // eslint-disable-next-line prefer-template
+        posS = '0' + posS;
+    }
+    return `${faceS}/${posS}`;
+}
+function rotateAndFlipQuadrant(n, point, rx, ry) {
+    if (ry === 0) {
+        if (rx === 1) {
+            point[0] = n - 1 - point[0];
+            point[1] = n - 1 - point[1];
+        }
+        const x = point[0];
+        point[0] = point[1];
+        point[1] = x;
+    }
+}
+export function FromHilbertQuadKey(hilbertQuadkey) {
+    const parts = hilbertQuadkey.split('/');
+    const face = parseInt(parts[0], 10);
+    const position = parts[1];
+    const maxLevel = position.length;
+    const point = [0, 0];
+    let level;
+    for (let i = maxLevel - 1; i >= 0; i--) {
+        level = maxLevel - i;
+        const bit = position[i];
+        let rx = 0;
+        let ry = 0;
+        if (bit === '1') {
+            ry = 1;
+        }
+        else if (bit === '2') {
+            rx = 1;
+            ry = 1;
+        }
+        else if (bit === '3') {
+            rx = 1;
+        }
+        const val = Math.pow(2, level - 1);
+        rotateAndFlipQuadrant(val, point, rx, ry);
+        point[0] += val * rx;
+        point[1] += val * ry;
+    }
+    if (face % 2 === 1) {
+        const t = point[0];
+        point[0] = point[1];
+        point[1] = t;
+    }
+    return { face, ij: point, level };
+}

package/typed/s2-layer/s2-layer.js

@@ -0,0 +1,37 @@
+// 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 GeoCellLayer from '../geo-cell-layer/GeoCellLayer';
+import { getS2Polygon } from './s2-utils';
+const defaultProps = {
+    getS2Token: { type: 'accessor', value: d => d.token }
+};
+export default class S2Layer extends GeoCellLayer {
+    indexToBounds() {
+        const { data, getS2Token } = this.props;
+        return {
+            data,
+            _normalize: false,
+            positionFormat: 'XY',
+            getPolygon: (x, objectInfo) => getS2Polygon(getS2Token(x, objectInfo))
+        };
+    }
+}
+S2Layer.layerName = 'S2Layer';
+S2Layer.defaultProps = defaultProps;