@loaders.gl/mvt 4.3.0-alpha.1 → 4.3.0-alpha.3

package/dist/table-tile-source.js

@@ -0,0 +1,420 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT AND ISC
+// Copyright (c) vis.gl contributors
+// Based on https://github.com/mapbox/geojson-vt under compatible ISC license
+import { log } from '@loaders.gl/loader-utils';
+import { deduceTableSchema } from '@loaders.gl/schema';
+import { Stats, Stat } from '@probe.gl/stats';
+import { createProtoTile } from "./lib/vector-tiler/proto-tile.js";
+import { transformTile } from "./lib/vector-tiler/transform-tile.js"; // coordinate transformation
+import { convertTileToGeoJSON } from "./lib/vector-tiler/tile-to-geojson.js"; // tile clipping and wrapping
+import { convertFeaturesToProtoFeature } from "./lib/vector-tiler/features/convert-feature.js";
+import { clipFeatures } from "./lib/vector-tiler/features/clip-features.js"; // stripe clipping algorithm
+import { wrapFeatures } from "./lib/vector-tiler/features/wrap-features.js"; // date line processing
+/** Options to configure tiling */
+export const TableTileSource = {
+    name: 'TableTiler',
+    id: 'table-tiler',
+    version: '0.0.0',
+    extensions: ['mvt'],
+    mimeTypes: ['application/octet-stream'],
+    options: {
+        table: {
+            coordinates: 'local',
+            promoteId: undefined,
+            maxZoom: 14,
+            indexMaxZoom: 5,
+            maxPointsPerTile: 10000,
+            tolerance: 3,
+            extent: 4096,
+            buffer: 64,
+            generateId: undefined
+        }
+    },
+    type: 'table',
+    testURL: (url) => url.endsWith('.geojson'),
+    createDataSource(url, options) {
+        const needsLoading = typeof url === 'string' || url instanceof Blob;
+        const loader = options?.table?.loaders?.[0];
+        const tablePromise = needsLoading ? loadTable(url, loader) : url;
+        return new DynamicVectorTileSource(tablePromise, options);
+    }
+    // @ts-expect-error
+};
+async function loadTable(url, loader) {
+    if (typeof url === 'string') {
+        const response = await fetch(url);
+        const data = await response.arrayBuffer();
+        return (await loader.parse(data));
+    }
+    const data = await url.arrayBuffer();
+    return (await loader.parse(data)); //  options.loaders, options.loadOptions)
+}
+/**
+ * Dynamically vector tiles a table (the table needs a geometry column)
+ * - Tiles are generated when requested.
+ * - Each tile contains a tables of clipped features.
+ *
+ * @note - Currently only accepts `GeoJSONTable` tables
+ * @note - Currently only outputs `GeoJSONTable`
+ * @note - (can be initialized with a promise that resolves to GeoJSONTable).
+ *
+ * @todo - metadata should scan all rows to determine schema
+ * @todo - metadata scan all rows to determine tilestats (field values[] etc).
+ * @todo - handle binary input tables
+ * @todo - generate binary output tables
+ * @todo - how does TileSourceLayer specify coordinates / decided which layer to render with
+ */
+export class DynamicVectorTileSource {
+    /** Global stats for all DynamicVectorTileSources */
+    static stats = new Stats({
+        id: 'table-tile-source-all',
+        stats: [new Stat('count', 'tiles'), new Stat('count', 'features')]
+    });
+    /** Stats for this DynamicVectorTileSource */
+    stats = new Stats({
+        id: 'table-tile-source',
+        stats: [new Stat('tiles', 'count'), new Stat('features', 'count')]
+    });
+    /** MIME type of the tiles emitted by this tile source */
+    mimeType = 'application/vnd.mapbox-vector-tile';
+    localCoordinates = true;
+    /** The props that this tile source was created with */
+    // @ts-expect-error
+    props;
+    /* Schema of the data */
+    schema = null;
+    /** Map of generated tiles, indexed by stringified tile coordinates */
+    tiles = {};
+    /** Array of tile coordinates */
+    tileCoords = [];
+    /** Input data has loaded, initial top-level tiling is done, sync methods can now be called */
+    ready;
+    /** Metadata for the tile source (generated TileJSON/tilestats */
+    metadata;
+    constructor(table, props) {
+        // @ts-expect-error
+        this.props = { ...TableTileSource.options.table, ...props?.table };
+        this.getTileData = this.getTileData.bind(this);
+        this.ready = this.initializeTilesAsync(table);
+        this.metadata = this.getMetadata();
+    }
+    async initializeTilesAsync(tablePromise) {
+        const table = await tablePromise;
+        this.schema = deduceTableSchema(table);
+        this.createRootTiles(table);
+    }
+    async getMetadata() {
+        await this.ready;
+        return { schema: this.schema, minZoom: 0, maxZoom: this.props.maxZoom };
+    }
+    async getSchema() {
+        await this.ready;
+        return this.schema;
+    }
+    /**
+     * Get a tile at the specified index
+     * @param tileIndex z, x, y of tile
+     * @returns
+     */
+    async getVectorTile(tileIndex) {
+        await this.ready;
+        const table = this.getTileSync(tileIndex);
+        log.info(2, 'getVectorTile', tileIndex, table)();
+        return table;
+    }
+    async getTile(tileIndex) {
+        await this.ready;
+        return this.getTileSync(tileIndex);
+    }
+    async getTileData(tileParams) {
+        const { x, y, z } = tileParams.index;
+        const tile = await this.getVectorTile({ x, y, z });
+        return tile?.features || [];
+    }
+    // Implementation
+    /**
+     * Synchronously request a tile
+     * @note Application must await `source.ready` before calling sync methods.
+     */
+    getTileSync(tileIndex) {
+        const protoTile = this.getProtoTile(tileIndex);
+        if (!protoTile) {
+            return null;
+        }
+        return convertTileToGeoJSON(protoTile, {
+            coordinates: this.props.coordinates,
+            tileIndex,
+            extent: this.props.extent
+        });
+    }
+    /**
+     * Create the initial tiles
+     * @note the tiles stores all the features together with additional data
+     */
+    createRootTiles(table) {
+        if (this.props.maxZoom < 0 || this.props.maxZoom > 24) {
+            throw new Error('maxZoom should be in the 0-24 range');
+        }
+        if (this.props.promoteId && this.props.generateId) {
+            throw new Error('promoteId and generateId cannot be used together.');
+        }
+        log.log(1, 'DynamicVectorTileSource creating root tiles', this.props)();
+        // projects and adds simplification info
+        log.time(1, 'preprocess table')();
+        let features = convertFeaturesToProtoFeature(table, this.props);
+        log.timeEnd(1, 'preprocess table')();
+        // wraps features (ie extreme west and extreme east)
+        log.time(1, 'generate tiles')();
+        features = wrapFeatures(features, this.props);
+        // start slicing from the top tile down
+        if (features.length === 0) {
+            log.log(1, 'DynamicVectorTileSource: no features generated')();
+            return;
+        }
+        this.splitTile(features, 0, 0, 0);
+        const rootTile = this.tiles[0];
+        log.log(1, `root tile features: ${rootTile.numFeatures}, points: ${rootTile.numPoints}`)();
+        log.timeEnd(1, 'generate tiles')();
+        log.log(1, `DynamicVectorTileSource: tiles generated: ${this.stats.get('total').count}`, this.stats)();
+    }
+    /**
+     * Return geojsonvt-style "half formed" vector tile
+     * @note Application must await `source.ready` before calling sync methods.
+     */
+    // eslint-disable-next-line complexity, max-statements
+    getProtoTile(tileIndex) {
+        const { z, y } = tileIndex;
+        let { x } = tileIndex;
+        // z = +z;
+        // x = +x;
+        // y = +y;
+        const { extent } = this.props;
+        if (z < 0 || z > 24) {
+            return null;
+        }
+        const z2 = 1 << z;
+        x = (x + z2) & (z2 - 1); // wrapFeatures tile x coordinate
+        const id = toID(z, x, y);
+        if (this.tiles[id]) {
+            return transformTile(this.tiles[id], extent);
+        }
+        log.log(log, 'drilling down to z%d-%d-%d', z, x, y)();
+        let z0 = z;
+        let x0 = x;
+        let y0 = y;
+        let parent;
+        while (!parent && z0 > 0) {
+            z0--;
+            x0 = x0 >> 1;
+            y0 = y0 >> 1;
+            parent = this.tiles[toID(z0, x0, y0)];
+        }
+        if (!parent || !parent.sourceFeatures) {
+            return null;
+        }
+        // if we found a parent tile containing the original geometry, we can drill down from it
+        log.log(1, 'found parent tile z%d-%d-%d', z0, x0, y0)();
+        log.time(1, 'drilling down')();
+        this.splitTile(parent.sourceFeatures, z0, x0, y0, z, x, y);
+        log.timeEnd(1, 'drilling down')();
+        return this.tiles[id] ? transformTile(this.tiles[id], extent) : null;
+    }
+    /**
+     * splits features from a parent tile to sub-tiles.
+     * @param z, x, and y are the coordinates of the parent tile
+     * @param cz, cx, and cy are the coordinates of the target tile
+     *
+     * If no target tile is specified, splitting stops when we reach the maximum
+     * zoom or the number of points is low as specified in the props.
+     */
+    // eslint-disable-next-line max-params, max-statements, complexity
+    splitTile(features, z, x, y, cz, cx, cy) {
+        const stack = [features, z, x, y];
+        // avoid recursion by using a processing queue
+        while (stack.length) {
+            y = stack.pop();
+            x = stack.pop();
+            z = stack.pop();
+            features = stack.pop();
+            const z2 = 1 << z;
+            const id = toID(z, x, y);
+            let tile = this.tiles[id];
+            if (!tile) {
+                log.time(2, 'tile creation')();
+                tile = this.tiles[id] = createProtoTile(features, z, x, y, this.props);
+                this.tileCoords.push({ z, x, y });
+                const key = `z${z}`;
+                let stat = this.stats.get(key, 'count');
+                stat.incrementCount();
+                stat = this.stats.get('total');
+                stat.incrementCount();
+                stat = DynamicVectorTileSource.stats.get(key, 'count');
+                stat.incrementCount();
+                stat = DynamicVectorTileSource.stats.get('total');
+                stat.incrementCount();
+                log.log(2, 'tile z%d-%d-%d (features: %d, points: %d, simplified: %d)', z, x, y, tile.numFeatures, tile.numPoints, tile.numSimplified)();
+                log.timeEnd(2, 'tile creation')();
+            }
+            // save reference to original geometry in tile so that we can drill down later if we stop now
+            tile.sourceFeatures = features;
+            /* eslint-disable no-continue */
+            // if it's the first-pass tiling
+            if (cz === undefined) {
+                // stop tiling if we reached max zoom, or if the tile is too simple
+                if (z === this.props.indexMaxZoom || tile.numPoints <= this.props.maxPointsPerTile) {
+                    continue;
+                }
+                // if a drilldown to a specific tile
+            }
+            else if (z === this.props.maxZoom || z === cz) {
+                // stop tiling if we reached base zoom or our target tile zoom
+                continue;
+            }
+            else if (cz !== undefined) {
+                // stop tiling if it's not an ancestor of the target tile
+                const zoomSteps = cz - z;
+                // @ts-expect-error TODO fix the types of cx cy
+                if (x !== cx >> zoomSteps || y !== cy >> zoomSteps) {
+                    continue;
+                }
+            }
+            // if we slice further down, no need to keep source geometry
+            tile.sourceFeatures = null;
+            if (features.length === 0)
+                continue;
+            log.time(2, 'clipping tile')();
+            // values we'll use for clipping
+            const k1 = (0.5 * this.props.buffer) / this.props.extent;
+            const k2 = 0.5 - k1;
+            const k3 = 0.5 + k1;
+            const k4 = 1 + k1;
+            let tl = null;
+            let bl = null;
+            let tr = null;
+            let br = null;
+            let left = clipFeatures(features, z2, x - k1, x + k3, 0, tile.minX, tile.maxX, this.props);
+            let right = clipFeatures(features, z2, x + k2, x + k4, 0, tile.minX, tile.maxX, this.props);
+            // @ts-expect-error - unclear why this is needed?
+            features = null;
+            if (left) {
+                tl = clipFeatures(left, z2, y - k1, y + k3, 1, tile.minY, tile.maxY, this.props);
+                bl = clipFeatures(left, z2, y + k2, y + k4, 1, tile.minY, tile.maxY, this.props);
+                left = null;
+            }
+            if (right) {
+                tr = clipFeatures(right, z2, y - k1, y + k3, 1, tile.minY, tile.maxY, this.props);
+                br = clipFeatures(right, z2, y + k2, y + k4, 1, tile.minY, tile.maxY, this.props);
+                right = null;
+            }
+            log.timeEnd(2, 'clipping tile')();
+            stack.push(tl || [], z + 1, x * 2, y * 2);
+            stack.push(bl || [], z + 1, x * 2, y * 2 + 1);
+            stack.push(tr || [], z + 1, x * 2 + 1, y * 2);
+            stack.push(br || [], z + 1, x * 2 + 1, y * 2 + 1);
+        }
+    }
+}
+function toID(z, x, y) {
+    return ((1 << z) * y + x) * 32 + z;
+}
+/*
+
+// eslint-disable-next-line max-statements, complexity
+function convertToGeoJSONTable(
+  vtTile: ProtoTile,
+  props: {
+    coordinates: 'local' | 'wgs84' | 'EPSG:4326';
+    tileIndex: {x: number; y: number; z: number};
+    extent: number;
+  }
+): GeoJSONTable | null {
+  const features: Feature[] = [];
+  for (const rawFeature of vtTile.features) {
+    if (!rawFeature || !rawFeature.geometry) {
+      continue;
+    }
+
+    let type:
+      | 'Point'
+      | 'MultiPoint'
+      | 'LineString'
+      | 'MultiLineString'
+      | 'Polygon'
+      | 'MultiPolygon';
+
+    let coordinates: any;
+
+    // raw geometry
+    switch (rawFeature.type) {
+      case 1:
+        if (rawFeature.geometry.length === 1) {
+          type = 'Point';
+          coordinates = rawFeature.geometry[0];
+        } else {
+          type = 'MultiPoint';
+          coordinates = rawFeature.geometry;
+        }
+        break;
+      case 2:
+        if (rawFeature.geometry.length === 1) {
+          type = 'LineString';
+          coordinates = rawFeature.geometry[0];
+        } else {
+          type = 'MultiLineString';
+          coordinates = rawFeature.geometry;
+        }
+        break;
+      case 3:
+        if (rawFeature.geometry.length > 1) {
+          type = 'MultiPolygon';
+          coordinates = [rawFeature.geometry];
+        } else {
+          type = 'Polygon';
+          coordinates = rawFeature.geometry;
+        }
+        break;
+      default:
+        continue;
+    }
+
+    switch (props.coordinates) {
+      case 'EPSG:4326':
+      case 'wgs84':
+        projectToLngLat(coordinates, props.tileIndex, props.extent);
+        break;
+
+      case 'local':
+        convertToLocalCoordinates(coordinates, props.extent);
+        break;
+
+      default:
+        throw new Error(`Unsupported CRS ${props.coordinates}`);
+    }
+
+    const feature: Feature = {
+      type: 'Feature',
+      geometry: {
+        type,
+        coordinates
+      },
+      properties: rawFeature.tags || {},
+      id: rawFeature.id
+    };
+
+    features.push(feature);
+  }
+
+  if (features.length === 0) {
+    return null;
+  }
+
+  const table: GeoJSONTable = {
+    shape: 'geojson-table',
+    type: 'FeatureCollection',
+    features
+  };
+
+  return table;
+}
+*/

package/dist/tilejson-loader.js

@@ -4,7 +4,7 @@
 import { parseTileJSON } from "./lib/parse-tilejson.js";
 // __VERSION__ is injected by babel-plugin-version-inline
 // @ts-ignore TS2304: Cannot find name '__VERSION__'.
-const VERSION = typeof "4.2.0" !== 'undefined' ? "4.2.0" : 'latest';
+const VERSION = typeof "4.3.0-alpha.2" !== 'undefined' ? "4.3.0-alpha.2" : 'latest';
 /**
  * Loader for TileJSON metadata
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@loaders.gl/mvt",
   "description": "Loader for Mapbox Vector Tiles",
-  "version": "4.3.0-alpha.1",
+  "version": "4.3.0-alpha.3",
   "license": "MIT",
   "type": "module",
   "publishConfig": {
@@ -41,11 +41,12 @@
     "build-worker": "esbuild src/workers/mvt-worker.ts --bundle --outfile=dist/mvt-worker.js --define:__VERSION__=\\\"$npm_package_version\\\""
   },
   "dependencies": {
-    "@loaders.gl/gis": "4.3.0-alpha.1",
-    "@loaders.gl/images": "4.3.0-alpha.1",
-    "@loaders.gl/loader-utils": "4.3.0-alpha.1",
-    "@loaders.gl/schema": "4.3.0-alpha.1",
+    "@loaders.gl/gis": "4.3.0-alpha.3",
+    "@loaders.gl/images": "4.3.0-alpha.3",
+    "@loaders.gl/loader-utils": "4.3.0-alpha.3",
+    "@loaders.gl/schema": "4.3.0-alpha.3",
     "@math.gl/polygon": "^4.0.0",
+    "@probe.gl/stats": "^4.0.0",
     "pbf": "^3.2.1"
   },
   "devDependencies": {
@@ -54,5 +55,5 @@
   "peerDependencies": {
     "@loaders.gl/core": "^4.0.0"
   },
-  "gitHead": "568446ea69eb590f0c42d965459b636216cda74e"
+  "gitHead": "3213679d79e6ff2814d48fd3337acfa446c74099"
 }

package/src/index.ts

@@ -2,16 +2,23 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-export type {MVTLoaderOptions} from './mvt-loader';
-export {MVTLoader, MVTWorkerLoader} from './mvt-loader';
+// TileJSONLoader
 
-export type {TileJSON} from './lib/parse-tilejson';
-export type {TileJSONLoaderOptions} from './tilejson-loader';
 export {TileJSONLoader} from './tilejson-loader';
+export type {TileJSONLoaderOptions} from './tilejson-loader';
+export type {TileJSON} from './lib/parse-tilejson';
+
+// MVTLoader
+
+export {MVTLoader, MVTWorkerLoader} from './mvt-loader';
+export type {MVTLoaderOptions} from './mvt-loader';
+
+// MVTSource
 
 export {MVTSource} from './mvt-source';
+export type {MVTTileSource, MVTTileSourceProps} from './mvt-source';
 
-// GeoJSONTileSource
+// TableTileSource (dynamically tiles a table)
 
-export type {GeoJSONTileSourceOptions} from './geojson-tile-source';
-export {GeoJSONTileSource} from './geojson-tile-source';
+export {TableTileSource} from './table-tile-source';
+export type {DynamicVectorTileSource, DynamicVectorTileSourceProps} from './table-tile-source';

package/src/lib/parse-mvt.ts

@@ -155,9 +155,9 @@ function getDecodedFeature(
   options: MVTOptions,
   layerName: string
 ): Feature {
-  const decodedFeature = feature.toGeoJSON(
-    // @ts-expect-error What is going on here?
-    options.coordinates === 'wgs84' ? options.tileIndex : transformToLocalCoordinates
+  const decodedFeature = feature.toGeoJSONFeature(
+    options.coordinates || 'local',
+    options.tileIndex
   );
 
   // Add layer name to GeoJSON properties
@@ -179,10 +179,7 @@ function getDecodedFeatureBinary(
   options: MVTOptions,
   layerName: string
 ): FlatFeature {
-  const decodedFeature = feature.toBinaryCoordinates(
-    // @ts-expect-error
-    options.coordinates === 'wgs84' ? options.tileIndex : transformToLocalCoordinatesBinary
-  );
+  const decodedFeature = feature.toBinaryFeature(options.coordinates || 'local', options.tileIndex);
 
   // Add layer name to GeoJSON properties
   if (options.layerProperty && decodedFeature.properties) {
@@ -191,29 +188,3 @@ function getDecodedFeatureBinary(
 
   return decodedFeature;
 }
-
-/**
- * @param line
- * @param feature
- */
-function transformToLocalCoordinates(line: number[], feature: {extent: any}): void {
-  // This function transforms local coordinates in a
-  // [0 - bufferSize, this.extent + bufferSize] range to a
-  // [0 - (bufferSize / this.extent), 1 + (bufferSize / this.extent)] range.
-  // The resulting extent would be 1.
-  const {extent} = feature;
-  for (let i = 0; i < line.length; i++) {
-    const p = line[i];
-    p[0] /= extent;
-    p[1] /= extent;
-  }
-}
-
-function transformToLocalCoordinatesBinary(data: number[], feature: {extent: any}) {
-  // For the binary code path, the feature data is just
-  // one big flat array, so we just divide each value
-  const {extent} = feature;
-  for (let i = 0, il = data.length; i < il; ++i) {
-    data[i] /= extent;
-  }
-}

package/src/lib/parse-tilejson.ts

@@ -16,11 +16,6 @@ export type TileJSON = {
   tileFormat?: string;
   tilesetType?: string;
 
-  /** Generating application. Tippecanoe adds this. */
-  generator?: string;
-  /** Generating application options. Tippecanoe adds this. */
-  generatorOptions?: string;
-
   /** Tile indexing scheme */
   scheme?: 'xyz' | 'tms';
   /** Sharded URLs */
@@ -38,6 +33,11 @@ export type TileJSON = {
   // Combination of tilestats (if present) and tilejson layer information
   layers?: TileJSONLayer[];
 
+  /** Generating application. Tippecanoe adds this. */
+  generator?: string;
+  /** Generating application options. Tippecanoe adds this. */
+  generatorOptions?: string;
+
   /** Any nested JSON metadata */
   metaJson?: any | null;
 };
@@ -419,7 +419,7 @@ function attributeTypeToFieldType(aType: string): {type: string} {
   const type = aType.toLowerCase();
   if (!type || !attrTypeMap[type]) {
     // console.warn(
-    //   `cannot convert attribute type ${type} to loaders.gl data type, use string by default`
+    //   `cannot convert feature type ${type} to loaders.gl data type, use string by default`
     // );
   }
   return attrTypeMap[type] || {type: 'string'};

package/src/lib/utils/geometry-utils.ts

@@ -20,16 +20,80 @@ export function signedArea(ring: number[][]) {
   return sum;
 }
 
+/**
+ * This function projects local coordinates in a
+ * [0 - bufferSize, this.extent + bufferSize] range to a
+ * [0 - (bufferSize / this.extent), 1 + (bufferSize / this.extent)] range.
+ * The resulting extent would be 1.
+ * @param line
+ * @param feature
+ */
+export function convertToLocalCoordinates(
+  coordinates: number[] | number[][] | number[][][] | number[][][][],
+  extent: number
+): void {
+  if (Array.isArray(coordinates[0])) {
+    for (const subcoords of coordinates) {
+      convertToLocalCoordinates(subcoords as number[] | number[][] | number[][][], extent);
+    }
+    return;
+  }
+
+  // Just a point
+  const p = coordinates as number[];
+  p[0] /= extent;
+  p[1] /= extent;
+}
+
+/**
+ * For the binary code path, the feature data is just
+ * one big flat array, so we just divide each value
+ * @param data
+ * @param feature
+ */
+export function convertToLocalCoordinatesFlat(data: number[], extent: number): void {
+  for (let i = 0; i < data.length; ++i) {
+    data[i] /= extent;
+  }
+}
+
 /**
  * Projects local tile coordinates to lngLat in place.
  * @param points
  * @param tileIndex
  */
+export function projectToLngLat(
+  line: number[] | number[][] | number[][][],
+  tileIndex: {x: number; y: number; z: number},
+  extent: number
+): void {
+  if (typeof line[0][0] !== 'number') {
+    for (const point of line) {
+      // @ts-expect-error
+      projectToLngLat(point, tileIndex, extent);
+    }
+    return;
+  }
+  const size = extent * Math.pow(2, tileIndex.z);
+  const x0 = extent * tileIndex.x;
+  const y0 = extent * tileIndex.y;
+  for (let j = 0; j < line.length; j++) {
+    const p = line[j];
+    p[0] = ((p[0] + x0) * 360) / size - 180;
+    const y2 = 180 - ((p[1] + y0) * 360) / size;
+    p[1] = (360 / Math.PI) * Math.atan(Math.exp((y2 * Math.PI) / 180)) - 90;
+  }
+}
+
+/**
+ * Projects local tile coordinates to lngLat in place.
+ * @param points
+ * @param tileIndex
 export function projectTileCoordinatesToLngLat(
   points: number[][],
   tileIndex: {x: number; y: number; z: number},
   extent: number
-) {
+): void {
   const {x, y, z} = tileIndex;
   const size = extent * Math.pow(2, z);
   const x0 = extent * x;
@@ -41,6 +105,7 @@ export function projectTileCoordinatesToLngLat(
     p[1] = (360 / Math.PI) * Math.atan(Math.exp((y2 * Math.PI) / 180)) - 90;
   }
 }
+ */
 
 /**
  *