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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/dist.dev.js +14087 -14019
  2. package/dist/es5/api/layer-map.js +7 -5
  3. package/dist/es5/api/layer-map.js.map +1 -1
  4. package/dist/es5/layers/carto-layer.js.map +1 -1
  5. package/dist/es5/layers/carto-tile-layer.js +17 -12
  6. package/dist/es5/layers/carto-tile-layer.js.map +1 -1
  7. package/dist/es5/layers/h3-tile-layer.js +21 -11
  8. package/dist/es5/layers/h3-tile-layer.js.map +1 -1
  9. package/dist/es5/layers/h3-tileset-2d.js +4 -8
  10. package/dist/es5/layers/h3-tileset-2d.js.map +1 -1
  11. package/dist/es5/layers/quadkey-tile-layer.js +24 -13
  12. package/dist/es5/layers/quadkey-tile-layer.js.map +1 -1
  13. package/dist/es5/layers/quadkey-tileset-2d.js.map +1 -1
  14. package/dist/es5/layers/schema/carto-tile.js +261 -188
  15. package/dist/es5/layers/schema/carto-tile.js.map +1 -1
  16. package/dist/es5/layers/spatial-index-tile-layer.js +3 -0
  17. package/dist/es5/layers/spatial-index-tile-layer.js.map +1 -1
  18. package/dist/esm/api/layer-map.js +8 -6
  19. package/dist/esm/api/layer-map.js.map +1 -1
  20. package/dist/esm/layers/carto-layer.js.map +1 -1
  21. package/dist/esm/layers/carto-tile-layer.js +20 -16
  22. package/dist/esm/layers/carto-tile-layer.js.map +1 -1
  23. package/dist/esm/layers/h3-tile-layer.js +13 -7
  24. package/dist/esm/layers/h3-tile-layer.js.map +1 -1
  25. package/dist/esm/layers/h3-tileset-2d.js +5 -9
  26. package/dist/esm/layers/h3-tileset-2d.js.map +1 -1
  27. package/dist/esm/layers/quadkey-tile-layer.js +16 -9
  28. package/dist/esm/layers/quadkey-tile-layer.js.map +1 -1
  29. package/dist/esm/layers/quadkey-tileset-2d.js.map +1 -1
  30. package/dist/esm/layers/schema/carto-tile.js +174 -189
  31. package/dist/esm/layers/schema/carto-tile.js.map +1 -1
  32. package/dist/esm/layers/spatial-index-tile-layer.js +3 -0
  33. package/dist/esm/layers/spatial-index-tile-layer.js.map +1 -1
  34. package/dist.min.js +4 -4
  35. package/package.json +11 -8
  36. package/src/api/layer-map.ts +16 -7
  37. package/src/layers/carto-layer.ts +11 -4
  38. package/src/layers/{carto-tile-layer.js → carto-tile-layer.ts} +63 -26
  39. package/src/layers/h3-tile-layer.ts +78 -0
  40. package/src/layers/{h3-tileset-2d.js → h3-tileset-2d.ts} +29 -26
  41. package/src/layers/quadkey-tile-layer.ts +68 -0
  42. package/src/layers/{quadkey-tileset-2d.js → quadkey-tileset-2d.ts} +10 -5
  43. package/src/layers/schema/carto-tile.ts +221 -0
  44. package/src/layers/{spatial-index-tile-layer.js → spatial-index-tile-layer.ts} +9 -6
  45. package/typed/api/index.d.ts +4 -0
  46. package/typed/api/index.d.ts.map +1 -0
  47. package/typed/api/index.js +3 -0
  48. package/typed/api/layer-map.d.ts +54 -0
  49. package/typed/api/layer-map.d.ts.map +1 -0
  50. package/typed/api/layer-map.js +264 -0
  51. package/typed/api/maps-api-common.d.ts +65 -0
  52. package/typed/api/maps-api-common.d.ts.map +1 -0
  53. package/typed/api/maps-api-common.js +50 -0
  54. package/typed/api/maps-client.d.ts +18 -0
  55. package/typed/api/maps-client.d.ts.map +1 -0
  56. package/typed/api/maps-client.js +125 -0
  57. package/typed/api/maps-v3-client.d.ts +45 -0
  58. package/typed/api/maps-v3-client.d.ts.map +1 -0
  59. package/typed/api/maps-v3-client.js +304 -0
  60. package/typed/api/parseMap.d.ts +11 -0
  61. package/typed/api/parseMap.d.ts.map +1 -0
  62. package/typed/api/parseMap.js +178 -0
  63. package/typed/basemap.d.ts +10 -0
  64. package/typed/basemap.d.ts.map +1 -0
  65. package/typed/basemap.js +9 -0
  66. package/typed/config.d.ts +26 -0
  67. package/typed/config.d.ts.map +1 -0
  68. package/typed/config.js +35 -0
  69. package/typed/index.d.ts +12 -0
  70. package/typed/index.d.ts.map +1 -0
  71. package/typed/index.js +10 -0
  72. package/typed/layers/carto-layer.d.ts +98 -0
  73. package/typed/layers/carto-layer.d.ts.map +1 -0
  74. package/typed/layers/carto-layer.js +173 -0
  75. package/typed/layers/carto-tile-layer.d.ts +63 -0
  76. package/typed/layers/carto-tile-layer.d.ts.map +1 -0
  77. package/typed/layers/carto-tile-layer.js +105 -0
  78. package/typed/layers/h3-tile-layer.d.ts +23 -0
  79. package/typed/layers/h3-tile-layer.d.ts.map +1 -0
  80. package/typed/layers/h3-tile-layer.js +47 -0
  81. package/typed/layers/h3-tileset-2d.d.ts +18 -0
  82. package/typed/layers/h3-tileset-2d.d.ts.map +1 -0
  83. package/typed/layers/h3-tileset-2d.js +85 -0
  84. package/typed/layers/quadkey-tile-layer.d.ts +23 -0
  85. package/typed/layers/quadkey-tile-layer.d.ts.map +1 -0
  86. package/typed/layers/quadkey-tile-layer.js +42 -0
  87. package/typed/layers/quadkey-tileset-2d.d.ts +15 -0
  88. package/typed/layers/quadkey-tileset-2d.d.ts.map +1 -0
  89. package/typed/layers/quadkey-tileset-2d.js +36 -0
  90. package/typed/layers/schema/carto-tile.d.ts +44 -0
  91. package/typed/layers/schema/carto-tile.d.ts.map +1 -0
  92. package/typed/layers/schema/carto-tile.js +161 -0
  93. package/typed/layers/spatial-index-tile-layer.d.ts +12 -0
  94. package/typed/layers/spatial-index-tile-layer.d.ts.map +1 -0
  95. package/typed/layers/spatial-index-tile-layer.js +40 -0
  96. package/typed/package.json +6 -0
  97. package/typed/style/color-bins-style.d.ts +9 -0
  98. package/typed/style/color-bins-style.d.ts.map +1 -0
  99. package/typed/style/color-bins-style.js +12 -0
  100. package/typed/style/color-categories-style.d.ts +10 -0
  101. package/typed/style/color-categories-style.d.ts.map +1 -0
  102. package/typed/style/color-categories-style.js +16 -0
  103. package/typed/style/color-continuous-style.d.ts +9 -0
  104. package/typed/style/color-continuous-style.d.ts.map +1 -0
  105. package/typed/style/color-continuous-style.js +12 -0
  106. package/typed/style/palette.d.ts +7 -0
  107. package/typed/style/palette.d.ts.map +1 -0
  108. package/typed/style/palette.js +62 -0
  109. package/typed/style/utils.d.ts +8 -0
  110. package/typed/style/utils.d.ts.map +1 -0
  111. package/typed/style/utils.js +15 -0
  112. package/typed/utils.d.ts +2 -0
  113. package/typed/utils.d.ts.map +1 -0
  114. package/typed/utils.js +4 -0
  115. package/src/layers/h3-tile-layer.js +0 -52
  116. package/src/layers/quadkey-tile-layer.js +0 -47
  117. package/src/layers/schema/carto-tile.js +0 -195
@@ -0,0 +1,105 @@
1
+ /* global TextDecoder */
2
+ import Protobuf from 'pbf';
3
+ import { log } from '@deck.gl/core';
4
+ import { ClipExtension } from '@deck.gl/extensions';
5
+ import { MVTLayer, _getURLFromTemplate } from '@deck.gl/geo-layers';
6
+ import { GeoJsonLayer } from '@deck.gl/layers';
7
+ import { geojsonToBinary } from '@loaders.gl/gis';
8
+ import { TileReader } from './schema/carto-tile';
9
+ import { TILE_FORMATS } from '../api/maps-api-common';
10
+ function parseJSON(arrayBuffer) {
11
+ return JSON.parse(new TextDecoder().decode(arrayBuffer));
12
+ }
13
+ function parsePbf(buffer) {
14
+ const pbf = new Protobuf(buffer);
15
+ const tile = TileReader.read(pbf);
16
+ return tile;
17
+ }
18
+ function unpackProperties(properties) {
19
+ if (!properties || !properties.length) {
20
+ return [];
21
+ }
22
+ return properties.map(item => {
23
+ const currentRecord = {};
24
+ item.data.forEach(({ key, value }) => {
25
+ currentRecord[key] = value;
26
+ });
27
+ return currentRecord;
28
+ });
29
+ }
30
+ function parseCartoTile(arrayBuffer, options) {
31
+ if (!arrayBuffer)
32
+ return null;
33
+ const formatTiles = options && options.cartoTile && options.cartoTile.formatTiles;
34
+ if (formatTiles === TILE_FORMATS.GEOJSON)
35
+ return geojsonToBinary(parseJSON(arrayBuffer).features);
36
+ const tile = parsePbf(arrayBuffer);
37
+ const { points, lines, polygons } = tile;
38
+ const data = {
39
+ points: { ...points, properties: unpackProperties(points.properties) },
40
+ lines: { ...lines, properties: unpackProperties(lines.properties) },
41
+ polygons: { ...polygons, properties: unpackProperties(polygons.properties) }
42
+ };
43
+ // Note: there is slight, difference in `numericProps` type, however geojson/mvtlayer can cope with this
44
+ return data;
45
+ }
46
+ const defaultTileFormat = TILE_FORMATS.BINARY;
47
+ const CartoTileLoader = {
48
+ name: 'CARTO Tile',
49
+ version: '1',
50
+ id: 'cartoTile',
51
+ module: 'carto',
52
+ extensions: ['pbf'],
53
+ mimeTypes: ['application/x-protobuf'],
54
+ category: 'geometry',
55
+ worker: false,
56
+ parse: async (arrayBuffer, options) => parseCartoTile(arrayBuffer, options),
57
+ parseSync: parseCartoTile,
58
+ options: {
59
+ cartoTile: {
60
+ formatTiles: defaultTileFormat
61
+ }
62
+ }
63
+ };
64
+ const defaultProps = {
65
+ ...MVTLayer.defaultProps,
66
+ formatTiles: defaultTileFormat,
67
+ loaders: [CartoTileLoader]
68
+ };
69
+ export default class CartoTileLayer extends MVTLayer {
70
+ getTileData(tile) {
71
+ const url = _getURLFromTemplate(this.state.data, tile);
72
+ if (!url) {
73
+ return Promise.reject('Invalid URL');
74
+ }
75
+ let loadOptions = this.getLoadOptions();
76
+ const { fetch, formatTiles } = this.props;
77
+ const { signal } = tile;
78
+ loadOptions = {
79
+ ...loadOptions,
80
+ mimeType: 'application/x-protobuf'
81
+ };
82
+ if (formatTiles) {
83
+ log.assert(Object.values(TILE_FORMATS).includes(formatTiles), `Invalid value for formatTiles: ${formatTiles}. Use value from TILE_FORMATS`);
84
+ loadOptions.cartoTile = { formatTiles };
85
+ }
86
+ return fetch(url, { propName: 'data', layer: this, loadOptions, signal });
87
+ }
88
+ renderSubLayers(props) {
89
+ if (props.data === null) {
90
+ return null;
91
+ }
92
+ const tileBbox = props.tile.bbox;
93
+ const { west, south, east, north } = tileBbox;
94
+ const subLayerProps = {
95
+ ...props,
96
+ autoHighlight: false,
97
+ extensions: [new ClipExtension(), ...(props.extensions || [])],
98
+ clipBounds: [west, south, east, north]
99
+ };
100
+ const subLayer = new GeoJsonLayer(subLayerProps);
101
+ return subLayer;
102
+ }
103
+ }
104
+ CartoTileLayer.layerName = 'CartoTileLayer';
105
+ CartoTileLayer.defaultProps = defaultProps;
@@ -0,0 +1,23 @@
1
+ import { CompositeLayer, CompositeLayerProps, Layer, LayersList, UpdateParameters } from '@deck.gl/core/typed';
2
+ /** All properties supported by H3TileLayer. */
3
+ export declare type H3TileLayerProps<DataT = any> = _H3TileLayerProps<DataT> & CompositeLayerProps<DataT>;
4
+ declare type H3HexagonLayerProps<DataT = any> = Record<string, any>;
5
+ /** Properties added by H3TileLayer. */
6
+ declare type _H3TileLayerProps<DataT = any> = H3HexagonLayerProps<DataT> & {
7
+ aggregationResLevel?: number;
8
+ };
9
+ export default class H3TileLayer<DataT = any, ExtraPropsT = {}> extends CompositeLayer<ExtraPropsT & Required<_H3TileLayerProps<DataT>>> {
10
+ static layerName: string;
11
+ static defaultProps: {
12
+ aggregationResLevel: number;
13
+ };
14
+ state: {
15
+ tileJSON: any;
16
+ data: any;
17
+ };
18
+ initializeState(): void;
19
+ updateState({ changeFlags }: UpdateParameters<this>): void;
20
+ renderLayers(): Layer | null | LayersList;
21
+ }
22
+ export {};
23
+ //# sourceMappingURL=h3-tile-layer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"h3-tile-layer.d.ts","sourceRoot":"","sources":["../../src/layers/h3-tile-layer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAqBvB,+CAA+C;AAC/C,oBAAY,gBAAgB,CAAC,KAAK,GAAG,GAAG,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAIlG,aAAK,mBAAmB,CAAC,KAAK,GAAG,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE5D,uCAAuC;AACvC,aAAK,iBAAiB,CAAC,KAAK,GAAG,GAAG,IAAI,mBAAmB,CAAC,KAAK,CAAC,GAAG;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,KAAK,GAAG,GAAG,EAAE,WAAW,GAAG,EAAE,CAAE,SAAQ,cAAc,CACpF,WAAW,GAAG,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACjD;IACC,MAAM,CAAC,SAAS,SAAiB;IACjC,MAAM,CAAC,YAAY;;MAAgB;IAEnC,KAAK,EAAG;QACN,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;KACX,CAAC;IAEF,eAAe,IAAI,IAAI;IAIvB,WAAW,CAAC,EAAC,WAAW,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IASxD,YAAY,IAAI,KAAK,GAAG,IAAI,GAAG,UAAU;CAc1C"}
@@ -0,0 +1,47 @@
1
+ import { CompositeLayer } from '@deck.gl/core';
2
+ import { H3HexagonLayer } from '@deck.gl/geo-layers';
3
+ import H3Tileset2D from './h3-tileset-2d';
4
+ import SpatialIndexTileLayer from './spatial-index-tile-layer';
5
+ const renderSubLayers = props => {
6
+ const { data } = props;
7
+ const { index } = props.tile;
8
+ if (!data || !data.length)
9
+ return null;
10
+ return new H3HexagonLayer(props, {
11
+ getHexagon: d => d.id,
12
+ centerHexagon: index,
13
+ highPrecision: true
14
+ });
15
+ };
16
+ const defaultProps = {
17
+ aggregationResLevel: 4
18
+ };
19
+ export default class H3TileLayer extends CompositeLayer {
20
+ initializeState() {
21
+ this.setState({ data: null, tileJSON: null });
22
+ }
23
+ updateState({ changeFlags }) {
24
+ if (changeFlags.dataChanged) {
25
+ let { data } = this.props;
26
+ const tileJSON = data;
27
+ data = tileJSON.tiles;
28
+ this.setState({ data, tileJSON });
29
+ }
30
+ }
31
+ renderLayers() {
32
+ const { data, tileJSON } = this.state;
33
+ const maxZoom = parseInt(tileJSON.maxresolution);
34
+ return [
35
+ new SpatialIndexTileLayer(this.props, {
36
+ id: `h3-tile-layer-${this.props.id}`,
37
+ data,
38
+ // @ts-expect-error Tileset2D should be generic over TileIndex
39
+ TilesetClass: H3Tileset2D,
40
+ renderSubLayers,
41
+ maxZoom
42
+ })
43
+ ];
44
+ }
45
+ }
46
+ H3TileLayer.layerName = 'H3TileLayer';
47
+ H3TileLayer.defaultProps = defaultProps;
@@ -0,0 +1,18 @@
1
+ import { _Tileset2D as Tileset2D, GeoBoundingBox } from '@deck.gl/geo-layers/typed';
2
+ export declare type H3TileIndex = {
3
+ i: string;
4
+ };
5
+ export default class H3Tileset2D extends Tileset2D {
6
+ getTileIndices({ viewport, minZoom, maxZoom }: {
7
+ viewport: any;
8
+ minZoom: any;
9
+ maxZoom: any;
10
+ }): H3TileIndex[];
11
+ getTileId({ i }: H3TileIndex): string;
12
+ getTileMetadata({ i }: H3TileIndex): {
13
+ bbox: GeoBoundingBox;
14
+ };
15
+ getTileZoom({ i }: H3TileIndex): number;
16
+ getParentIndex(index: H3TileIndex): H3TileIndex;
17
+ }
18
+ //# sourceMappingURL=h3-tileset-2d.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"h3-tileset-2d.d.ts","sourceRoot":"","sources":["../../src/layers/h3-tileset-2d.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,SAAS,EAAE,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAG5E,oBAAY,WAAW,GAAG;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AA8DtC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,SAAS;IAEhD,cAAc,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAC;;;;KAAA,GAAG,WAAW,EAAE;IAuB3D,SAAS,CAAC,EAAC,CAAC,EAAC,EAAE,WAAW,GAAG,MAAM;IAKnC,eAAe,CAAC,EAAC,CAAC,EAAC,EAAE,WAAW;;;IAKhC,WAAW,CAAC,EAAC,CAAC,EAAC,EAAE,WAAW,GAAG,MAAM;IAKrC,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW;CAKhD"}
@@ -0,0 +1,85 @@
1
+ import { _Tileset2D as Tileset2D } from '@deck.gl/geo-layers';
2
+ import { polyfill, geoToH3, h3GetResolution, h3ToGeoBoundary, h3ToParent, kRing } from 'h3-js';
3
+ function getHexagonsInBoundingBox({ west, north, east, south }, resolution) {
4
+ if (Math.abs(east - west) > 180) {
5
+ // This is a known issue in h3-js: polyfill does not work correctly
6
+ // when longitude span is larger than 180 degrees.
7
+ return [
8
+ ...new Set(getHexagonsInBoundingBox({ west, north, east: 0, south }, resolution).concat(getHexagonsInBoundingBox({ west: 0, north, east, south }, resolution)))
9
+ ];
10
+ }
11
+ // `polyfill()` fills based on hexagon center, which means tiles vanish
12
+ // prematurely. Get more accurate coverage by oversampling
13
+ const oversample = 2;
14
+ const h3Indices = polyfill([
15
+ [
16
+ [west, north],
17
+ [west, south],
18
+ [east, south],
19
+ [east, north],
20
+ [west, north]
21
+ ]
22
+ ], resolution + oversample, true);
23
+ return oversample ? [...new Set(h3Indices.map(i => h3ToParent(i, resolution)))] : h3Indices;
24
+ }
25
+ function tileToBoundingBox(index) {
26
+ const coordinates = h3ToGeoBoundary(index);
27
+ const latitudes = coordinates.map(c => c[0]);
28
+ const longitudes = coordinates.map(c => c[1]);
29
+ const west = Math.min(...longitudes);
30
+ const south = Math.min(...latitudes);
31
+ const east = Math.max(...longitudes);
32
+ const north = Math.max(...latitudes);
33
+ return { west, south, east, north };
34
+ }
35
+ // Resolution conversion function. Takes a WebMercatorViewport and returns
36
+ // a H3 resolution such that the screen space size of the hexagons is
37
+ // similar
38
+ // Relative scale factor (0 = no biasing, 2 = a few hexagons cover view)
39
+ const BIAS = 2;
40
+ function getHexagonResolution(viewport) {
41
+ const hexagonScaleFactor = (2 / 3) * viewport.zoom;
42
+ const latitudeScaleFactor = Math.log(1 / Math.cos((Math.PI * viewport.latitude) / 180));
43
+ // Clip and bias
44
+ return Math.max(0, Math.floor(hexagonScaleFactor + latitudeScaleFactor - BIAS));
45
+ }
46
+ export default class H3Tileset2D extends Tileset2D {
47
+ // @ts-expect-error Tileset2D should be generic over TileIndex
48
+ getTileIndices({ viewport, minZoom, maxZoom }) {
49
+ const [east, south, west, north] = viewport.getBounds();
50
+ let z = getHexagonResolution(viewport);
51
+ let indices;
52
+ if (typeof minZoom === 'number' && Number.isFinite(minZoom) && z < minZoom) {
53
+ z = minZoom;
54
+ }
55
+ if (typeof maxZoom === 'number' && Number.isFinite(maxZoom) && z > maxZoom) {
56
+ z = maxZoom;
57
+ // Once we are at max zoom, getHexagonsInBoundingBox doesn't work, simply
58
+ // get a ring centered on the hexagon in the viewport center
59
+ const center = geoToH3(viewport.latitude, viewport.longitude, maxZoom);
60
+ indices = kRing(center, 1);
61
+ }
62
+ else {
63
+ indices = getHexagonsInBoundingBox({ west, north, east, south }, z);
64
+ }
65
+ return indices.map(i => ({ i }));
66
+ }
67
+ // @ts-expect-error Tileset2D should be generic over TileIndex
68
+ getTileId({ i }) {
69
+ return i;
70
+ }
71
+ // @ts-expect-error Tileset2D should be generic over TileIndex
72
+ getTileMetadata({ i }) {
73
+ return { bbox: tileToBoundingBox(i) };
74
+ }
75
+ // @ts-expect-error Tileset2D should be generic over TileIndex
76
+ getTileZoom({ i }) {
77
+ return h3GetResolution(i);
78
+ }
79
+ // @ts-expect-error Tileset2D should be generic over TileIndex
80
+ getParentIndex(index) {
81
+ const resolution = h3GetResolution(index.i);
82
+ const i = h3ToParent(index.i, resolution - 1);
83
+ return { i };
84
+ }
85
+ }
@@ -0,0 +1,23 @@
1
+ import { CompositeLayer, CompositeLayerProps, Layer, LayersList, UpdateParameters } from '@deck.gl/core/typed';
2
+ import { QuadkeyLayerProps } from '@deck.gl/geo-layers/typed';
3
+ /** All properties supported by QuadkeyTileLayer. */
4
+ export declare type QuadkeyTileLayerProps<DataT = any> = _QuadkeyTileLayerProps<DataT> & CompositeLayerProps<DataT>;
5
+ /** Properties added by QuadkeyTileLayer. */
6
+ declare type _QuadkeyTileLayerProps<DataT> = QuadkeyLayerProps<DataT> & {
7
+ aggregationResLevel?: number;
8
+ };
9
+ export default class QuadkeyTileLayer<DataT = any, ExtraProps = {}> extends CompositeLayer<ExtraProps & Required<_QuadkeyTileLayerProps<DataT>>> {
10
+ static layerName: string;
11
+ static defaultProps: {
12
+ aggregationResLevel: number;
13
+ };
14
+ state: {
15
+ tileJSON: any;
16
+ data: any;
17
+ };
18
+ initializeState(): void;
19
+ updateState({ changeFlags }: UpdateParameters<this>): void;
20
+ renderLayers(): Layer | null | LayersList;
21
+ }
22
+ export {};
23
+ //# sourceMappingURL=quadkey-tile-layer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"quadkey-tile-layer.d.ts","sourceRoot":"","sources":["../../src/layers/quadkey-tile-layer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAe,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAcpE,oDAAoD;AACpD,oBAAY,qBAAqB,CAAC,KAAK,GAAG,GAAG,IAAI,sBAAsB,CAAC,KAAK,CAAC,GAC5E,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAE7B,4CAA4C;AAC5C,aAAK,sBAAsB,CAAC,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC9D,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,gBAAgB,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,GAAG,EAAE,CAAE,SAAQ,cAAc,CACxF,UAAU,GAAG,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CACrD;IACC,MAAM,CAAC,SAAS,SAAsB;IACtC,MAAM,CAAC,YAAY;;MAAgB;IAEnC,KAAK,EAAG;QACN,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;KACX,CAAC;IACF,eAAe,IAAI,IAAI;IAIvB,WAAW,CAAC,EAAC,WAAW,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IASxD,YAAY,IAAI,KAAK,GAAG,IAAI,GAAG,UAAU;CAc1C"}
@@ -0,0 +1,42 @@
1
+ import { CompositeLayer } from '@deck.gl/core';
2
+ import { QuadkeyLayer } from '@deck.gl/geo-layers';
3
+ import QuadkeyTileset2D from './quadkey-tileset-2d';
4
+ import SpatialIndexTileLayer from './spatial-index-tile-layer';
5
+ const renderSubLayers = props => {
6
+ const { data } = props;
7
+ if (!data || !data.length)
8
+ return null;
9
+ return new QuadkeyLayer(props, { getQuadkey: d => d.id });
10
+ };
11
+ const defaultProps = {
12
+ aggregationResLevel: 6
13
+ };
14
+ export default class QuadkeyTileLayer extends CompositeLayer {
15
+ initializeState() {
16
+ this.setState({ data: null, tileJSON: null });
17
+ }
18
+ updateState({ changeFlags }) {
19
+ if (changeFlags.dataChanged) {
20
+ let { data } = this.props;
21
+ const tileJSON = data;
22
+ data = tileJSON.tiles;
23
+ this.setState({ data, tileJSON });
24
+ }
25
+ }
26
+ renderLayers() {
27
+ const { data, tileJSON } = this.state;
28
+ const maxZoom = parseInt(tileJSON?.maxresolution);
29
+ return [
30
+ new SpatialIndexTileLayer(this.props, {
31
+ id: `quadkey-tile-layer-${this.props.id}`,
32
+ data,
33
+ // TODO: Tileset2D should be generic over TileIndex type
34
+ TilesetClass: QuadkeyTileset2D,
35
+ renderSubLayers,
36
+ maxZoom
37
+ })
38
+ ];
39
+ }
40
+ }
41
+ QuadkeyTileLayer.layerName = 'QuadkeyTileLayer';
42
+ QuadkeyTileLayer.defaultProps = defaultProps;
@@ -0,0 +1,15 @@
1
+ import { _Tileset2D as Tileset2D } from '@deck.gl/geo-layers/typed';
2
+ declare type QuadkeyTileIndex = {
3
+ i: string;
4
+ };
5
+ export default class QuadkeyTileset2D extends Tileset2D {
6
+ getTileIndices(opts: any): QuadkeyTileIndex[];
7
+ getTileId({ i }: QuadkeyTileIndex): string;
8
+ getTileMetadata(): {};
9
+ getTileZoom({ i }: QuadkeyTileIndex): number;
10
+ getParentIndex(index: QuadkeyTileIndex): {
11
+ i: string;
12
+ };
13
+ }
14
+ export {};
15
+ //# sourceMappingURL=quadkey-tileset-2d.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"quadkey-tileset-2d.d.ts","sourceRoot":"","sources":["../../src/layers/quadkey-tileset-2d.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE5D,aAAK,gBAAgB,GAAG;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAapC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,SAAS;IAErD,cAAc,CAAC,IAAI,KAAA,GAAG,gBAAgB,EAAE;IAKxC,SAAS,CAAC,EAAC,CAAC,EAAC,EAAE,gBAAgB;IAI/B,eAAe;IAKf,WAAW,CAAC,EAAC,CAAC,EAAC,EAAE,gBAAgB;IAKjC,cAAc,CAAC,KAAK,EAAE,gBAAgB;;;CAIvC"}
@@ -0,0 +1,36 @@
1
+ import { _Tileset2D as Tileset2D } from '@deck.gl/geo-layers';
2
+ function tileToQuadkey(tile) {
3
+ let index = '';
4
+ for (let z = tile.z; z > 0; z--) {
5
+ let b = 0;
6
+ const mask = 1 << (z - 1);
7
+ if ((tile.x & mask) !== 0)
8
+ b++;
9
+ if ((tile.y & mask) !== 0)
10
+ b += 2;
11
+ index += b.toString();
12
+ }
13
+ return { i: index };
14
+ }
15
+ export default class QuadkeyTileset2D extends Tileset2D {
16
+ // @ts-expect-error for spatial indices, TileSet2d should be parametrized by TileIndexT
17
+ getTileIndices(opts) {
18
+ return super.getTileIndices(opts).map(tileToQuadkey);
19
+ }
20
+ // @ts-expect-error TileIndex must be generic
21
+ getTileId({ i }) {
22
+ return i;
23
+ }
24
+ getTileMetadata() {
25
+ return {};
26
+ }
27
+ // @ts-expect-error TileIndex must be generic
28
+ getTileZoom({ i }) {
29
+ return i.length;
30
+ }
31
+ // @ts-expect-error TileIndex must be generic
32
+ getParentIndex(index) {
33
+ const i = index.i.slice(0, -1);
34
+ return { i };
35
+ }
36
+ }
@@ -0,0 +1,44 @@
1
+ interface KeyValueObject {
2
+ key: string;
3
+ value: string;
4
+ }
5
+ export interface Properties {
6
+ data: KeyValueObject[];
7
+ }
8
+ interface Doubles {
9
+ value: Float32Array;
10
+ size: number;
11
+ }
12
+ interface Ints {
13
+ value: Uint32Array;
14
+ size: number;
15
+ }
16
+ interface NumericProp {
17
+ value: number[];
18
+ }
19
+ interface Points {
20
+ positions: Doubles;
21
+ globalFeatureIds: Ints;
22
+ featureIds: Ints;
23
+ properties: Properties[];
24
+ numericProps: Record<string, NumericProp>;
25
+ }
26
+ interface Lines extends Points {
27
+ pathIndices: Ints;
28
+ }
29
+ interface Polygons extends Points {
30
+ polygonIndices: Ints;
31
+ primitivePolygonIndices: Ints;
32
+ triangles: Ints;
33
+ }
34
+ export interface Tile {
35
+ points: Points;
36
+ lines: Lines;
37
+ polygons: Polygons;
38
+ }
39
+ export declare class TileReader {
40
+ static read(pbf: any, end?: number): Tile;
41
+ static _readField(this: void, tag: number, obj: Tile, pbf: any): void;
42
+ }
43
+ export {};
44
+ //# sourceMappingURL=carto-tile.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carto-tile.d.ts","sourceRoot":"","sources":["../../../src/layers/schema/carto-tile.ts"],"names":[],"mappings":"AACA,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAcD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,cAAc,EAAE,CAAC;CACxB;AAaD,UAAU,OAAO;IACf,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAiBD,UAAU,IAAI;IACZ,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAeD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AA6BD,UAAU,MAAM;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,IAAI,CAAC;IACvB,UAAU,EAAE,IAAI,CAAC;IACjB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CAC3C;AAsBD,UAAU,KAAM,SAAQ,MAAM;IAC5B,WAAW,EAAE,IAAI,CAAC;CACnB;AAgCD,UAAU,QAAS,SAAQ,MAAM;IAC/B,cAAc,EAAE,IAAI,CAAC;IACrB,uBAAuB,EAAE,IAAI,CAAC;IAC9B,SAAS,EAAE,IAAI,CAAC;CACjB;AAqCD,MAAM,WAAW,IAAI;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,qBAAa,UAAU;IACrB,MAAM,CAAC,IAAI,CAAC,GAAG,KAAA,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI;IAGpC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAA;CAK1D"}
@@ -0,0 +1,161 @@
1
+ class KeyValueObjectReader {
2
+ static read(pbf, end) {
3
+ return pbf.readFields(KeyValueObjectReader._readField, { key: '', value: '' }, end);
4
+ }
5
+ static _readField(tag, obj, pbf) {
6
+ if (tag === 1)
7
+ obj.key = pbf.readString();
8
+ else if (tag === 2)
9
+ obj.value = pbf.readString();
10
+ }
11
+ }
12
+ class PropertiesReader {
13
+ static read(pbf, end) {
14
+ return pbf.readFields(PropertiesReader._readField, { data: [] }, end);
15
+ }
16
+ static _readField(tag, obj, pbf) {
17
+ if (tag === 1)
18
+ obj.data.push(KeyValueObjectReader.read(pbf, pbf.readVarint() + pbf.pos));
19
+ }
20
+ }
21
+ class DoublesReader {
22
+ static read(pbf, end) {
23
+ // TODO perhaps we can do better and directly map from the source
24
+ // ArrayBuffer using ArrayBuffer.slice()
25
+ const { value, size } = pbf.readFields(DoublesReader._readField, { value: [], size: 0 }, end);
26
+ return { value: new Float32Array(value), size };
27
+ }
28
+ static _readField(tag, obj, pbf) {
29
+ if (tag === 1)
30
+ pbf.readPackedDouble(obj.value);
31
+ else if (tag === 2)
32
+ obj.size = pbf.readVarint(true);
33
+ }
34
+ }
35
+ class IntsReader {
36
+ static read(pbf, end) {
37
+ const { value, size } = pbf.readFields(IntsReader._readField, { value: [], size: 0 }, end);
38
+ return { value: new Uint32Array(value), size };
39
+ }
40
+ static _readField(tag, obj, pbf) {
41
+ if (tag === 1)
42
+ pbf.readPackedVarint(obj.value);
43
+ else if (tag === 2)
44
+ obj.size = pbf.readVarint(true);
45
+ }
46
+ }
47
+ class NumericPropReader {
48
+ static read(pbf, end) {
49
+ return pbf.readFields(NumericPropReader._readField, { value: [] }, end);
50
+ }
51
+ static _readField(tag, obj, pbf) {
52
+ if (tag === 1)
53
+ pbf.readPackedDouble(obj.value);
54
+ }
55
+ }
56
+ class NumericPropKeyValueReader {
57
+ static read(pbf, end) {
58
+ return pbf.readFields(NumericPropKeyValueReader._readField, { key: '', value: null }, end);
59
+ }
60
+ static _readField(tag, obj, pbf) {
61
+ if (tag === 1)
62
+ obj.key = pbf.readString();
63
+ else if (tag === 2)
64
+ obj.value = NumericPropReader.read(pbf, pbf.readVarint() + pbf.pos);
65
+ }
66
+ }
67
+ class PointsReader {
68
+ static read(pbf, end) {
69
+ return pbf.readFields(PointsReader._readField, { positions: null, globalFeatureIds: null, featureIds: null, properties: [], numericProps: {} }, end);
70
+ }
71
+ static _readField(tag, obj, pbf) {
72
+ if (tag === 1)
73
+ obj.positions = DoublesReader.read(pbf, pbf.readVarint() + pbf.pos);
74
+ else if (tag === 2)
75
+ obj.globalFeatureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
76
+ else if (tag === 3)
77
+ obj.featureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
78
+ else if (tag === 4)
79
+ obj.properties.push(PropertiesReader.read(pbf, pbf.readVarint() + pbf.pos));
80
+ else if (tag === 5) {
81
+ const entry = NumericPropKeyValueReader.read(pbf, pbf.readVarint() + pbf.pos);
82
+ obj.numericProps[entry.key] = entry.value;
83
+ }
84
+ }
85
+ }
86
+ // Lines ========================================
87
+ class LinesReader {
88
+ static read(pbf, end) {
89
+ return pbf.readFields(LinesReader._readField, {
90
+ positions: null,
91
+ pathIndices: null,
92
+ globalFeatureIds: null,
93
+ featureIds: null,
94
+ properties: [],
95
+ numericProps: {}
96
+ }, end);
97
+ }
98
+ static _readField(tag, obj, pbf) {
99
+ if (tag === 1)
100
+ obj.positions = DoublesReader.read(pbf, pbf.readVarint() + pbf.pos);
101
+ else if (tag === 2)
102
+ obj.pathIndices = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
103
+ else if (tag === 3)
104
+ obj.globalFeatureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
105
+ else if (tag === 4)
106
+ obj.featureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
107
+ else if (tag === 5)
108
+ obj.properties.push(PropertiesReader.read(pbf, pbf.readVarint() + pbf.pos));
109
+ else if (tag === 6) {
110
+ const entry = NumericPropKeyValueReader.read(pbf, pbf.readVarint() + pbf.pos);
111
+ obj.numericProps[entry.key] = entry.value;
112
+ }
113
+ }
114
+ }
115
+ class PolygonsReader {
116
+ static read(pbf, end) {
117
+ return pbf.readFields(PolygonsReader._readField, {
118
+ positions: null,
119
+ polygonIndices: null,
120
+ globalFeatureIds: null,
121
+ featureIds: null,
122
+ primitivePolygonIndices: null,
123
+ triangles: null,
124
+ properties: [],
125
+ numericProps: {}
126
+ }, end);
127
+ }
128
+ static _readField(tag, obj, pbf) {
129
+ if (tag === 1)
130
+ obj.positions = DoublesReader.read(pbf, pbf.readVarint() + pbf.pos);
131
+ else if (tag === 2)
132
+ obj.polygonIndices = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
133
+ else if (tag === 3)
134
+ obj.globalFeatureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
135
+ else if (tag === 4)
136
+ obj.featureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
137
+ else if (tag === 5)
138
+ obj.primitivePolygonIndices = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
139
+ else if (tag === 6)
140
+ obj.triangles = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);
141
+ else if (tag === 7)
142
+ obj.properties.push(PropertiesReader.read(pbf, pbf.readVarint() + pbf.pos));
143
+ else if (tag === 8) {
144
+ const entry = NumericPropKeyValueReader.read(pbf, pbf.readVarint() + pbf.pos);
145
+ obj.numericProps[entry.key] = entry.value;
146
+ }
147
+ }
148
+ }
149
+ export class TileReader {
150
+ static read(pbf, end) {
151
+ return pbf.readFields(TileReader._readField, { points: null, lines: null, polygons: null }, end);
152
+ }
153
+ static _readField(tag, obj, pbf) {
154
+ if (tag === 1)
155
+ obj.points = PointsReader.read(pbf, pbf.readVarint() + pbf.pos);
156
+ else if (tag === 2)
157
+ obj.lines = LinesReader.read(pbf, pbf.readVarint() + pbf.pos);
158
+ else if (tag === 3)
159
+ obj.polygons = PolygonsReader.read(pbf, pbf.readVarint() + pbf.pos);
160
+ }
161
+ }
@@ -0,0 +1,12 @@
1
+ import { PickingInfo } from '@deck.gl/core/typed';
2
+ import { TileLayer, _Tile2DHeader as Tile2DHeader } from '@deck.gl/geo-layers/typed';
3
+ export default class SpatialIndexTileLayer<ExtraProps = {}> extends TileLayer<any, ExtraProps> {
4
+ static layerName: string;
5
+ protected _updateAutoHighlight(info: PickingInfo): void;
6
+ getSubLayerPropsByTile(tile: Tile2DHeader): {
7
+ highlightedObjectIndex: number;
8
+ highlightColor: any;
9
+ };
10
+ getHighlightedObjectIndex(tile: Tile2DHeader): number;
11
+ }
12
+ //# sourceMappingURL=spatial-index-tile-layer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spatial-index-tile-layer.d.ts","sourceRoot":"","sources":["../../src/layers/spatial-index-tile-layer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAE,aAAa,IAAI,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAM7E,MAAM,CAAC,OAAO,OAAO,qBAAqB,CAAC,UAAU,GAAG,EAAE,CAAE,SAAQ,SAAS,CAAC,GAAG,EAAE,UAAU,CAAC;IAC5F,MAAM,CAAC,SAAS,SAA2B;IAE3C,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAsBvD,sBAAsB,CAAC,IAAI,EAAE,YAAY;;;;IAOzC,yBAAyB,CAAC,IAAI,EAAE,YAAY;CAW7C"}