@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.
- package/dist/dist.dev.js +14087 -14019
- package/dist/es5/api/layer-map.js +7 -5
- package/dist/es5/api/layer-map.js.map +1 -1
- package/dist/es5/layers/carto-layer.js.map +1 -1
- package/dist/es5/layers/carto-tile-layer.js +17 -12
- package/dist/es5/layers/carto-tile-layer.js.map +1 -1
- package/dist/es5/layers/h3-tile-layer.js +21 -11
- package/dist/es5/layers/h3-tile-layer.js.map +1 -1
- package/dist/es5/layers/h3-tileset-2d.js +4 -8
- package/dist/es5/layers/h3-tileset-2d.js.map +1 -1
- package/dist/es5/layers/quadkey-tile-layer.js +24 -13
- package/dist/es5/layers/quadkey-tile-layer.js.map +1 -1
- package/dist/es5/layers/quadkey-tileset-2d.js.map +1 -1
- package/dist/es5/layers/schema/carto-tile.js +261 -188
- package/dist/es5/layers/schema/carto-tile.js.map +1 -1
- package/dist/es5/layers/spatial-index-tile-layer.js +3 -0
- package/dist/es5/layers/spatial-index-tile-layer.js.map +1 -1
- package/dist/esm/api/layer-map.js +8 -6
- package/dist/esm/api/layer-map.js.map +1 -1
- package/dist/esm/layers/carto-layer.js.map +1 -1
- package/dist/esm/layers/carto-tile-layer.js +20 -16
- package/dist/esm/layers/carto-tile-layer.js.map +1 -1
- package/dist/esm/layers/h3-tile-layer.js +13 -7
- package/dist/esm/layers/h3-tile-layer.js.map +1 -1
- package/dist/esm/layers/h3-tileset-2d.js +5 -9
- package/dist/esm/layers/h3-tileset-2d.js.map +1 -1
- package/dist/esm/layers/quadkey-tile-layer.js +16 -9
- package/dist/esm/layers/quadkey-tile-layer.js.map +1 -1
- package/dist/esm/layers/quadkey-tileset-2d.js.map +1 -1
- package/dist/esm/layers/schema/carto-tile.js +174 -189
- package/dist/esm/layers/schema/carto-tile.js.map +1 -1
- package/dist/esm/layers/spatial-index-tile-layer.js +3 -0
- package/dist/esm/layers/spatial-index-tile-layer.js.map +1 -1
- package/dist.min.js +4 -4
- package/package.json +11 -8
- package/src/api/layer-map.ts +16 -7
- package/src/layers/carto-layer.ts +11 -4
- package/src/layers/{carto-tile-layer.js → carto-tile-layer.ts} +63 -26
- package/src/layers/h3-tile-layer.ts +78 -0
- package/src/layers/{h3-tileset-2d.js → h3-tileset-2d.ts} +29 -26
- package/src/layers/quadkey-tile-layer.ts +68 -0
- package/src/layers/{quadkey-tileset-2d.js → quadkey-tileset-2d.ts} +10 -5
- package/src/layers/schema/carto-tile.ts +221 -0
- package/src/layers/{spatial-index-tile-layer.js → spatial-index-tile-layer.ts} +9 -6
- package/typed/api/index.d.ts +4 -0
- package/typed/api/index.d.ts.map +1 -0
- package/typed/api/index.js +3 -0
- package/typed/api/layer-map.d.ts +54 -0
- package/typed/api/layer-map.d.ts.map +1 -0
- package/typed/api/layer-map.js +264 -0
- package/typed/api/maps-api-common.d.ts +65 -0
- package/typed/api/maps-api-common.d.ts.map +1 -0
- package/typed/api/maps-api-common.js +50 -0
- package/typed/api/maps-client.d.ts +18 -0
- package/typed/api/maps-client.d.ts.map +1 -0
- package/typed/api/maps-client.js +125 -0
- package/typed/api/maps-v3-client.d.ts +45 -0
- package/typed/api/maps-v3-client.d.ts.map +1 -0
- package/typed/api/maps-v3-client.js +304 -0
- package/typed/api/parseMap.d.ts +11 -0
- package/typed/api/parseMap.d.ts.map +1 -0
- package/typed/api/parseMap.js +178 -0
- package/typed/basemap.d.ts +10 -0
- package/typed/basemap.d.ts.map +1 -0
- package/typed/basemap.js +9 -0
- package/typed/config.d.ts +26 -0
- package/typed/config.d.ts.map +1 -0
- package/typed/config.js +35 -0
- package/typed/index.d.ts +12 -0
- package/typed/index.d.ts.map +1 -0
- package/typed/index.js +10 -0
- package/typed/layers/carto-layer.d.ts +98 -0
- package/typed/layers/carto-layer.d.ts.map +1 -0
- package/typed/layers/carto-layer.js +173 -0
- package/typed/layers/carto-tile-layer.d.ts +63 -0
- package/typed/layers/carto-tile-layer.d.ts.map +1 -0
- package/typed/layers/carto-tile-layer.js +105 -0
- package/typed/layers/h3-tile-layer.d.ts +23 -0
- package/typed/layers/h3-tile-layer.d.ts.map +1 -0
- package/typed/layers/h3-tile-layer.js +47 -0
- package/typed/layers/h3-tileset-2d.d.ts +18 -0
- package/typed/layers/h3-tileset-2d.d.ts.map +1 -0
- package/typed/layers/h3-tileset-2d.js +85 -0
- package/typed/layers/quadkey-tile-layer.d.ts +23 -0
- package/typed/layers/quadkey-tile-layer.d.ts.map +1 -0
- package/typed/layers/quadkey-tile-layer.js +42 -0
- package/typed/layers/quadkey-tileset-2d.d.ts +15 -0
- package/typed/layers/quadkey-tileset-2d.d.ts.map +1 -0
- package/typed/layers/quadkey-tileset-2d.js +36 -0
- package/typed/layers/schema/carto-tile.d.ts +44 -0
- package/typed/layers/schema/carto-tile.d.ts.map +1 -0
- package/typed/layers/schema/carto-tile.js +161 -0
- package/typed/layers/spatial-index-tile-layer.d.ts +12 -0
- package/typed/layers/spatial-index-tile-layer.d.ts.map +1 -0
- package/typed/layers/spatial-index-tile-layer.js +40 -0
- package/typed/package.json +6 -0
- package/typed/style/color-bins-style.d.ts +9 -0
- package/typed/style/color-bins-style.d.ts.map +1 -0
- package/typed/style/color-bins-style.js +12 -0
- package/typed/style/color-categories-style.d.ts +10 -0
- package/typed/style/color-categories-style.d.ts.map +1 -0
- package/typed/style/color-categories-style.js +16 -0
- package/typed/style/color-continuous-style.d.ts +9 -0
- package/typed/style/color-continuous-style.d.ts.map +1 -0
- package/typed/style/color-continuous-style.js +12 -0
- package/typed/style/palette.d.ts +7 -0
- package/typed/style/palette.d.ts.map +1 -0
- package/typed/style/palette.js +62 -0
- package/typed/style/utils.d.ts +8 -0
- package/typed/style/utils.d.ts.map +1 -0
- package/typed/style/utils.js +15 -0
- package/typed/utils.d.ts +2 -0
- package/typed/utils.d.ts.map +1 -0
- package/typed/utils.js +4 -0
- package/src/layers/h3-tile-layer.js +0 -52
- package/src/layers/quadkey-tile-layer.js +0 -47
- 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"}
|