@deck.gl/carto 8.8.0-beta.3 → 8.8.0
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 +2298 -1182
- package/dist/es5/api/index.js +0 -6
- package/dist/es5/api/index.js.map +1 -1
- package/dist/es5/api/maps-v3-client.js +44 -86
- package/dist/es5/api/maps-v3-client.js.map +1 -1
- package/dist/es5/index.js +23 -9
- package/dist/es5/index.js.map +1 -1
- package/dist/es5/layers/carto-layer.js +14 -19
- package/dist/es5/layers/carto-layer.js.map +1 -1
- package/dist/es5/layers/h3-tile-layer.js +28 -3
- package/dist/es5/layers/h3-tile-layer.js.map +1 -1
- package/dist/es5/layers/h3-tileset-2d.js +19 -13
- package/dist/es5/layers/h3-tileset-2d.js.map +1 -1
- package/dist/es5/layers/quadbin-layer.js +71 -0
- package/dist/es5/layers/quadbin-layer.js.map +1 -0
- package/dist/es5/layers/{quadkey-tile-layer.js → quadbin-tile-layer.js} +17 -17
- package/dist/es5/layers/quadbin-tile-layer.js.map +1 -0
- package/dist/es5/layers/{quadkey-tileset-2d.js → quadbin-tileset-2d.js} +25 -57
- package/dist/es5/layers/quadbin-tileset-2d.js.map +1 -0
- package/dist/es5/layers/quadbin-utils.js +122 -0
- package/dist/es5/layers/quadbin-utils.js.map +1 -0
- package/dist/esm/api/index.js +1 -1
- package/dist/esm/api/index.js.map +1 -1
- package/dist/esm/api/maps-v3-client.js +0 -24
- package/dist/esm/api/maps-v3-client.js.map +1 -1
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/layers/carto-layer.js +12 -17
- package/dist/esm/layers/carto-layer.js.map +1 -1
- package/dist/esm/layers/h3-tile-layer.js +22 -3
- package/dist/esm/layers/h3-tile-layer.js.map +1 -1
- package/dist/esm/layers/h3-tileset-2d.js +20 -16
- package/dist/esm/layers/h3-tileset-2d.js.map +1 -1
- package/dist/esm/layers/quadbin-layer.js +29 -0
- package/dist/esm/layers/quadbin-layer.js.map +1 -0
- package/dist/esm/layers/{quadkey-tile-layer.js → quadbin-tile-layer.js} +10 -10
- package/dist/esm/layers/quadbin-tile-layer.js.map +1 -0
- package/dist/esm/layers/quadbin-tileset-2d.js +37 -0
- package/dist/esm/layers/quadbin-tileset-2d.js.map +1 -0
- package/dist/esm/layers/quadbin-utils.js +88 -0
- package/dist/esm/layers/quadbin-utils.js.map +1 -0
- package/dist.min.js +138 -138
- package/package.json +2 -2
- package/src/api/index.ts +1 -1
- package/src/api/maps-v3-client.ts +0 -24
- package/src/index.ts +6 -2
- package/src/layers/carto-layer.ts +22 -37
- package/src/layers/h3-tile-layer.ts +25 -3
- package/src/layers/h3-tileset-2d.ts +20 -10
- package/src/layers/quadbin-layer.ts +43 -0
- package/src/layers/{quadkey-tile-layer.ts → quadbin-tile-layer.ts} +15 -13
- package/src/layers/quadbin-tileset-2d.ts +34 -0
- package/src/layers/quadbin-utils.ts +102 -0
- package/typed/api/index.d.ts +1 -1
- package/typed/api/index.d.ts.map +1 -1
- package/typed/api/index.js +3 -0
- package/typed/api/layer-map.js +264 -0
- package/typed/api/maps-api-common.js +50 -0
- package/typed/api/maps-client.js +125 -0
- package/typed/api/maps-v3-client.d.ts +0 -1
- package/typed/api/maps-v3-client.d.ts.map +1 -1
- package/typed/api/maps-v3-client.js +304 -0
- package/typed/api/parseMap.js +178 -0
- package/typed/basemap.js +9 -0
- package/typed/config.js +35 -0
- package/typed/index.d.ts +3 -2
- package/typed/index.d.ts.map +1 -1
- package/typed/index.js +10 -0
- package/typed/layers/carto-layer.d.ts +4 -12
- package/typed/layers/carto-layer.d.ts.map +1 -1
- package/typed/layers/carto-layer.js +173 -0
- package/typed/layers/carto-tile-layer.js +105 -0
- package/typed/layers/h3-tile-layer.d.ts.map +1 -1
- package/typed/layers/h3-tile-layer.js +47 -0
- package/typed/layers/h3-tileset-2d.d.ts +6 -0
- package/typed/layers/h3-tileset-2d.d.ts.map +1 -1
- package/typed/layers/h3-tileset-2d.js +85 -0
- package/typed/layers/quadbin-layer.d.ts +20 -0
- package/typed/layers/quadbin-layer.d.ts.map +1 -0
- package/typed/layers/quadbin-tile-layer.d.ts +21 -0
- package/typed/layers/quadbin-tile-layer.d.ts.map +1 -0
- package/typed/layers/quadbin-tileset-2d.d.ts +13 -0
- package/typed/layers/quadbin-tileset-2d.d.ts.map +1 -0
- package/typed/layers/quadbin-utils.d.ts +11 -0
- package/typed/layers/quadbin-utils.d.ts.map +1 -0
- package/typed/layers/quadkey-tile-layer.js +42 -0
- package/typed/layers/quadkey-tileset-2d.js +36 -0
- package/typed/layers/schema/carto-tile.js +161 -0
- package/typed/layers/spatial-index-tile-layer.js +40 -0
- package/typed/style/color-bins-style.js +12 -0
- package/typed/style/color-categories-style.js +16 -0
- package/typed/style/color-continuous-style.js +12 -0
- package/typed/style/palette.js +62 -0
- package/typed/style/utils.js +15 -0
- package/typed/utils.js +4 -0
- package/dist/es5/layers/quadkey-tile-layer.js.map +0 -1
- package/dist/es5/layers/quadkey-tileset-2d.js.map +0 -1
- package/dist/esm/layers/quadkey-tile-layer.js.map +0 -1
- package/dist/esm/layers/quadkey-tileset-2d.js +0 -71
- package/dist/esm/layers/quadkey-tileset-2d.js.map +0 -1
- package/src/layers/quadkey-tileset-2d.ts +0 -59
|
@@ -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,40 @@
|
|
|
1
|
+
import { TileLayer } from '@deck.gl/geo-layers';
|
|
2
|
+
function isFeatureIdDefined(value) {
|
|
3
|
+
return value !== undefined && value !== null && value !== '';
|
|
4
|
+
}
|
|
5
|
+
export default class SpatialIndexTileLayer extends TileLayer {
|
|
6
|
+
_updateAutoHighlight(info) {
|
|
7
|
+
const { hoveredFeatureId } = this.state;
|
|
8
|
+
const hoveredFeature = info.object;
|
|
9
|
+
let newHoveredFeatureId;
|
|
10
|
+
if (hoveredFeature) {
|
|
11
|
+
newHoveredFeatureId = hoveredFeature.id;
|
|
12
|
+
}
|
|
13
|
+
if (hoveredFeatureId !== newHoveredFeatureId) {
|
|
14
|
+
let { highlightColor } = this.props;
|
|
15
|
+
if (typeof highlightColor === 'function') {
|
|
16
|
+
highlightColor = highlightColor(info);
|
|
17
|
+
}
|
|
18
|
+
this.setState({
|
|
19
|
+
highlightColor,
|
|
20
|
+
hoveredFeatureId: newHoveredFeatureId
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
getSubLayerPropsByTile(tile) {
|
|
25
|
+
return {
|
|
26
|
+
highlightedObjectIndex: this.getHighlightedObjectIndex(tile),
|
|
27
|
+
highlightColor: this.state.highlightColor
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
getHighlightedObjectIndex(tile) {
|
|
31
|
+
const { hoveredFeatureId } = this.state;
|
|
32
|
+
const data = tile.content;
|
|
33
|
+
const isFeatureIdPresent = isFeatureIdDefined(hoveredFeatureId);
|
|
34
|
+
if (!isFeatureIdPresent || !Array.isArray(data)) {
|
|
35
|
+
return -1;
|
|
36
|
+
}
|
|
37
|
+
return data.findIndex(feature => feature.id === hoveredFeatureId);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
SpatialIndexTileLayer.layerName = 'SpatialIndexTileLayer';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { scaleThreshold } from 'd3-scale';
|
|
2
|
+
import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from './palette';
|
|
3
|
+
import { assert, getAttrValue } from './utils';
|
|
4
|
+
export default function colorBins({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR }) {
|
|
5
|
+
assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers');
|
|
6
|
+
const palette = typeof colors === 'string' ? getPalette(colors, domain.length + 1) : colors;
|
|
7
|
+
const color = scaleThreshold().domain(domain).range(palette);
|
|
8
|
+
return d => {
|
|
9
|
+
const value = getAttrValue(attr, d);
|
|
10
|
+
return typeof value === 'number' && Number.isFinite(value) ? color(value) : nullColor;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import getPalette, { DEFAULT_PALETTE, NULL_COLOR, OTHERS_COLOR } from './palette';
|
|
2
|
+
import { assert, getAttrValue } from './utils';
|
|
3
|
+
export default function colorCategories({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR, othersColor = OTHERS_COLOR }) {
|
|
4
|
+
assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers or strings');
|
|
5
|
+
const colorsByCategory = {};
|
|
6
|
+
const palette = typeof colors === 'string' ? getPalette(colors, domain.length) : colors;
|
|
7
|
+
for (const [i, c] of domain.entries()) {
|
|
8
|
+
colorsByCategory[c] = palette[i];
|
|
9
|
+
}
|
|
10
|
+
return d => {
|
|
11
|
+
const value = getAttrValue(attr, d);
|
|
12
|
+
return (typeof value === 'number' && Number.isFinite(value)) || typeof value === 'string'
|
|
13
|
+
? colorsByCategory[value] || othersColor
|
|
14
|
+
: nullColor;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { scaleLinear } from 'd3-scale';
|
|
2
|
+
import getPalette, { DEFAULT_PALETTE, NULL_COLOR } from './palette';
|
|
3
|
+
import { assert, getAttrValue } from './utils';
|
|
4
|
+
export default function colorContinuous({ attr, domain, colors = DEFAULT_PALETTE, nullColor = NULL_COLOR }) {
|
|
5
|
+
assert(Array.isArray(domain), 'Expected "domain" to be an array of numbers');
|
|
6
|
+
const palette = typeof colors === 'string' ? getPalette(colors, domain.length) : colors;
|
|
7
|
+
const color = scaleLinear().domain(domain).range(palette);
|
|
8
|
+
return d => {
|
|
9
|
+
const value = getAttrValue(attr, d);
|
|
10
|
+
return typeof value === 'number' && Number.isFinite(value) ? color(value) : nullColor;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import * as cartoColors from 'cartocolor';
|
|
2
|
+
import { assert } from './utils';
|
|
3
|
+
export const DEFAULT_PALETTE = 'PurpOr';
|
|
4
|
+
export const NULL_COLOR = [204, 204, 204];
|
|
5
|
+
export const OTHERS_COLOR = [119, 119, 119];
|
|
6
|
+
export default function getPalette(name, numCategories) {
|
|
7
|
+
const palette = cartoColors[name];
|
|
8
|
+
let paletteIndex = numCategories;
|
|
9
|
+
assert(palette, `Palette "${name}" not found. Expected a CARTOColors string`);
|
|
10
|
+
const palettesColorVariants = Object.keys(palette)
|
|
11
|
+
.filter(p => p !== 'tags')
|
|
12
|
+
.map(Number);
|
|
13
|
+
const longestPaletteIndex = Math.max(...palettesColorVariants);
|
|
14
|
+
const smallestPaletteIndex = Math.min(...palettesColorVariants);
|
|
15
|
+
if (!Number.isInteger(numCategories) || numCategories > longestPaletteIndex) {
|
|
16
|
+
paletteIndex = longestPaletteIndex;
|
|
17
|
+
}
|
|
18
|
+
else if (numCategories < smallestPaletteIndex) {
|
|
19
|
+
paletteIndex = smallestPaletteIndex;
|
|
20
|
+
}
|
|
21
|
+
let colors = palette[paletteIndex];
|
|
22
|
+
if (palette.tags && palette.tags.includes('qualitative')) {
|
|
23
|
+
colors = colors.slice(0, -1);
|
|
24
|
+
}
|
|
25
|
+
return colors.map(c => hexToRgb(c));
|
|
26
|
+
}
|
|
27
|
+
export function hexToRgb(hex) {
|
|
28
|
+
// Evaluate #ABC
|
|
29
|
+
let result = /^#?([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i.exec(hex);
|
|
30
|
+
if (result) {
|
|
31
|
+
return [
|
|
32
|
+
parseInt(result[1] + result[1], 16),
|
|
33
|
+
parseInt(result[2] + result[2], 16),
|
|
34
|
+
parseInt(result[3] + result[3], 16),
|
|
35
|
+
255
|
|
36
|
+
];
|
|
37
|
+
}
|
|
38
|
+
// Evaluate #ABCD
|
|
39
|
+
result = /^#?([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i.exec(hex);
|
|
40
|
+
if (result) {
|
|
41
|
+
return [
|
|
42
|
+
parseInt(result[1] + result[1], 16),
|
|
43
|
+
parseInt(result[2] + result[2], 16),
|
|
44
|
+
parseInt(result[3] + result[3], 16),
|
|
45
|
+
parseInt(result[4] + result[4], 16)
|
|
46
|
+
];
|
|
47
|
+
}
|
|
48
|
+
// Evaluate #ABCDEF
|
|
49
|
+
result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
50
|
+
if (result) {
|
|
51
|
+
return [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16), 255];
|
|
52
|
+
}
|
|
53
|
+
// Evaluate #ABCDEFAF
|
|
54
|
+
result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
55
|
+
assert(result, `Hexadecimal color "${hex}" was not parsed correctly`);
|
|
56
|
+
return [
|
|
57
|
+
parseInt(result[1], 16),
|
|
58
|
+
parseInt(result[2], 16),
|
|
59
|
+
parseInt(result[3], 16),
|
|
60
|
+
parseInt(result[4], 16)
|
|
61
|
+
];
|
|
62
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const ALLOWED_ATTR_TYPES = Object.freeze(['function', 'string']);
|
|
2
|
+
export function getAttrValue(attr, d) {
|
|
3
|
+
assert(typeof d === 'object', 'Expected "data" to be an object');
|
|
4
|
+
assert(ALLOWED_ATTR_TYPES.includes(typeof attr), 'Expected "attr" to be a function or string');
|
|
5
|
+
// Is function
|
|
6
|
+
if (typeof attr === 'function') {
|
|
7
|
+
return attr(d);
|
|
8
|
+
}
|
|
9
|
+
return d.properties[attr];
|
|
10
|
+
}
|
|
11
|
+
export function assert(condition, message = '') {
|
|
12
|
+
if (!condition) {
|
|
13
|
+
throw new Error(`CARTO style error: ${message}`);
|
|
14
|
+
}
|
|
15
|
+
}
|
package/typed/utils.js
ADDED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/layers/quadkey-tile-layer.ts"],"names":["renderSubLayers","props","data","length","QuadkeyLayer","getQuadkey","d","id","defaultProps","aggregationResLevel","QuadkeyTileLayer","setState","tileJSON","changeFlags","dataChanged","tiles","state","maxZoom","parseInt","maxresolution","SpatialIndexTileLayer","TilesetClass","QuadkeyTileset2D","CompositeLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAQA;;AACA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,MAAOC,IAAP,GAAeD,KAAf,CAAOC,IAAP;AACA,MAAI,CAACA,IAAD,IAAS,CAACA,IAAI,CAACC,MAAnB,EAA2B,OAAO,IAAP;AAC3B,SAAO,IAAIC,uBAAJ,CAAiBH,KAAjB,EAAwB;AAACI,IAAAA,UAAU,EAAE,oBAAAC,CAAC;AAAA,aAAIA,CAAC,CAACC,EAAN;AAAA;AAAd,GAAxB,CAAP;AACD,CAJD;;AAMA,IAAMC,YAAiD,GAAG;AACxDC,EAAAA,mBAAmB,EAAE;AADmC,CAA1D;;IAaqBC,gB;;;;;;;;;;;;;;;;;;;;;WAUnB,2BAAwB;AACtB,WAAKC,QAAL,CAAc;AAACT,QAAAA,IAAI,EAAE,IAAP;AAAaU,QAAAA,QAAQ,EAAE;AAAvB,OAAd;AACD;;;WAED,2BAAyD;AAAA,UAA5CC,WAA4C,QAA5CA,WAA4C;;AACvD,UAAIA,WAAW,CAACC,WAAhB,EAA6B;AAC3B,YAAKZ,IAAL,GAAa,KAAKD,KAAlB,CAAKC,IAAL;AACA,YAAMU,QAAQ,GAAGV,IAAjB;AACAA,QAAAA,IAAI,GAAIU,QAAD,CAAkBG,KAAzB;AACA,aAAKJ,QAAL,CAAc;AAACT,UAAAA,IAAI,EAAJA,IAAD;AAAOU,UAAAA,QAAQ,EAARA;AAAP,SAAd;AACD;AACF;;;WAED,wBAA0C;AACxC,wBAAyB,KAAKI,KAA9B;AAAA,UAAOd,IAAP,eAAOA,IAAP;AAAA,UAAaU,QAAb,eAAaA,QAAb;AACA,UAAMK,OAAO,GAAGC,QAAQ,CAACN,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEO,aAAX,CAAxB;AACA,aAAO,CACL,IAAIC,8BAAJ,CAA0B,KAAKnB,KAA/B,EAAsC;AACpCM,QAAAA,EAAE,+BAAwB,KAAKN,KAAL,CAAWM,EAAnC,CADkC;AAEpCL,QAAAA,IAAI,EAAJA,IAFoC;AAIpCmB,QAAAA,YAAY,EAAEC,yBAJsB;AAKpCtB,QAAAA,eAAe,EAAfA,eALoC;AAMpCiB,QAAAA,OAAO,EAAPA;AANoC,OAAtC,CADK,CAAP;AAUD;;;EApCyEM,oB;;;8BAAvDb,gB,eAGA,kB;8BAHAA,gB,kBAIGF,Y","sourcesContent":["import {\n CompositeLayer,\n CompositeLayerProps,\n Layer,\n LayersList,\n UpdateParameters,\n DefaultProps\n} from '@deck.gl/core';\nimport {QuadkeyLayer, QuadkeyLayerProps} from '@deck.gl/geo-layers';\nimport QuadkeyTileset2D from './quadkey-tileset-2d';\nimport SpatialIndexTileLayer from './spatial-index-tile-layer';\n\nconst renderSubLayers = props => {\n const {data} = props;\n if (!data || !data.length) return null;\n return new QuadkeyLayer(props, {getQuadkey: d => d.id});\n};\n\nconst defaultProps: DefaultProps<QuadkeyTileLayerProps> = {\n aggregationResLevel: 6\n};\n\n/** All properties supported by QuadkeyTileLayer. */\nexport type QuadkeyTileLayerProps<DataT = any> = _QuadkeyTileLayerProps<DataT> &\n CompositeLayerProps<DataT>;\n\n/** Properties added by QuadkeyTileLayer. */\ntype _QuadkeyTileLayerProps<DataT> = QuadkeyLayerProps<DataT> & {\n aggregationResLevel?: number;\n};\n\nexport default class QuadkeyTileLayer<DataT = any, ExtraProps = {}> extends CompositeLayer<\n ExtraProps & Required<_QuadkeyTileLayerProps<DataT>>\n> {\n static layerName = 'QuadkeyTileLayer';\n static defaultProps = defaultProps;\n\n state!: {\n tileJSON: any;\n data: any;\n };\n initializeState(): void {\n this.setState({data: null, tileJSON: null});\n }\n\n updateState({changeFlags}: UpdateParameters<this>): void {\n if (changeFlags.dataChanged) {\n let {data} = this.props;\n const tileJSON = data;\n data = (tileJSON as any).tiles;\n this.setState({data, tileJSON});\n }\n }\n\n renderLayers(): Layer | null | LayersList {\n const {data, tileJSON} = this.state;\n const maxZoom = parseInt(tileJSON?.maxresolution);\n return [\n new SpatialIndexTileLayer(this.props, {\n id: `quadkey-tile-layer-${this.props.id}`,\n data,\n // TODO: Tileset2D should be generic over TileIndex type\n TilesetClass: QuadkeyTileset2D as any,\n renderSubLayers,\n maxZoom\n })\n ];\n }\n}\n"],"file":"quadkey-tile-layer.js"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/layers/quadkey-tileset-2d.ts"],"names":["tileToQuadkey","tile","index","z","b","mask","x","y","toString","i","quadkeyToTile","quadkey","length","q","Number","QuadkeyTileset2D","opts","map","slice","Tileset2D"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAGA,SAASA,aAAT,CAAuBC,IAAvB,EAA+C;AAC7C,MAAIC,KAAK,GAAG,EAAZ;;AACA,OAAK,IAAIC,CAAC,GAAGF,IAAI,CAACE,CAAlB,EAAqBA,CAAC,GAAG,CAAzB,EAA4BA,CAAC,EAA7B,EAAiC;AAC/B,QAAIC,CAAC,GAAG,CAAR;AACA,QAAMC,IAAI,GAAG,KAAMF,CAAC,GAAG,CAAvB;AACA,QAAI,CAACF,IAAI,CAACK,CAAL,GAASD,IAAV,MAAoB,CAAxB,EAA2BD,CAAC;AAC5B,QAAI,CAACH,IAAI,CAACM,CAAL,GAASF,IAAV,MAAoB,CAAxB,EAA2BD,CAAC,IAAI,CAAL;AAC3BF,IAAAA,KAAK,IAAIE,CAAC,CAACI,QAAF,EAAT;AACD;;AACD,SAAO;AAACC,IAAAA,CAAC,EAAEP;AAAJ,GAAP;AACD;;AAED,SAASQ,aAAT,CAAuBR,KAAvB,EAAgD;AAC9C,MAAMS,OAAO,GAAGT,KAAK,CAACO,CAAtB;AACA,MAAMR,IAAI,GAAG;AAACK,IAAAA,CAAC,EAAE,CAAJ;AAAOC,IAAAA,CAAC,EAAE,CAAV;AAAaJ,IAAAA,CAAC,EAAEQ,OAAO,CAACC;AAAxB,GAAb;;AAEA,OAAK,IAAIH,CAAC,GAAGR,IAAI,CAACE,CAAlB,EAAqBM,CAAC,GAAG,CAAzB,EAA4BA,CAAC,EAA7B,EAAiC;AAC/B,QAAMJ,IAAI,GAAG,KAAMI,CAAC,GAAG,CAAvB;AACA,QAAMI,CAAC,GAAGC,MAAM,CAACH,OAAO,CAACV,IAAI,CAACE,CAAL,GAASM,CAAV,CAAR,CAAhB;AACA,QAAII,CAAC,KAAK,CAAV,EAAaZ,IAAI,CAACK,CAAL,IAAUD,IAAV;AACb,QAAIQ,CAAC,KAAK,CAAV,EAAaZ,IAAI,CAACM,CAAL,IAAUF,IAAV;;AACb,QAAIQ,CAAC,KAAK,CAAV,EAAa;AACXZ,MAAAA,IAAI,CAACK,CAAL,IAAUD,IAAV;AACAJ,MAAAA,IAAI,CAACM,CAAL,IAAUF,IAAV;AACD;AACF;;AACD,SAAOJ,IAAP;AACD;;IAEoBc,gB;;;;;;;;;;;;WAEnB,wBAAeC,IAAf,EAAyC;AACvC,aAAO,iHAAqBA,IAArB,EAA2BC,GAA3B,CAA+BjB,aAA/B,CAAP;AACD;;;WAGD,yBAAiC;AAAA,UAAtBS,CAAsB,QAAtBA,CAAsB;AAC/B,aAAOA,CAAP;AACD;;;WAGD,yBAAgBP,KAAhB,EAAyC;AACvC,+HAA6BQ,aAAa,CAACR,KAAD,CAA1C;AACD;;;WAGD,4BAAmC;AAAA,UAAtBO,CAAsB,SAAtBA,CAAsB;AACjC,aAAOA,CAAC,CAACG,MAAT;AACD;;;WAGD,wBAAeV,KAAf,EAAwC;AACtC,UAAMO,CAAC,GAAGP,KAAK,CAACO,CAAN,CAAQS,KAAR,CAAc,CAAd,EAAiB,CAAC,CAAlB,CAAV;AACA,aAAO;AAACT,QAAAA,CAAC,EAADA;AAAD,OAAP;AACD;;;EAzB2CU,qB","sourcesContent":["import {_Tileset2D as Tileset2D} from '@deck.gl/geo-layers';\n\ntype QuadkeyTileIndex = {i: string};\nfunction tileToQuadkey(tile): QuadkeyTileIndex {\n let index = '';\n for (let z = tile.z; z > 0; z--) {\n let b = 0;\n const mask = 1 << (z - 1);\n if ((tile.x & mask) !== 0) b++;\n if ((tile.y & mask) !== 0) b += 2;\n index += b.toString();\n }\n return {i: index};\n}\n\nfunction quadkeyToTile(index: QuadkeyTileIndex) {\n const quadkey = index.i;\n const tile = {x: 0, y: 0, z: quadkey.length};\n\n for (let i = tile.z; i > 0; i--) {\n const mask = 1 << (i - 1);\n const q = Number(quadkey[tile.z - i]);\n if (q === 1) tile.x |= mask;\n if (q === 2) tile.y |= mask;\n if (q === 3) {\n tile.x |= mask;\n tile.y |= mask;\n }\n }\n return tile;\n}\n\nexport default class QuadkeyTileset2D extends Tileset2D {\n // @ts-expect-error for spatial indices, TileSet2d should be parametrized by TileIndexT\n getTileIndices(opts): QuadkeyTileIndex[] {\n return super.getTileIndices(opts).map(tileToQuadkey);\n }\n\n // @ts-expect-error TileIndex must be generic\n getTileId({i}: QuadkeyTileIndex) {\n return i;\n }\n\n // @ts-expect-error TileIndex must be generic\n getTileMetadata(index: QuadkeyTileIndex) {\n return super.getTileMetadata(quadkeyToTile(index));\n }\n\n // @ts-expect-error TileIndex must be generic\n getTileZoom({i}: QuadkeyTileIndex) {\n return i.length;\n }\n\n // @ts-expect-error TileIndex must be generic\n getParentIndex(index: QuadkeyTileIndex) {\n const i = index.i.slice(0, -1);\n return {i};\n }\n}\n"],"file":"quadkey-tileset-2d.js"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/layers/quadkey-tile-layer.ts"],"names":["CompositeLayer","QuadkeyLayer","QuadkeyTileset2D","SpatialIndexTileLayer","renderSubLayers","props","data","length","getQuadkey","d","id","defaultProps","aggregationResLevel","QuadkeyTileLayer","initializeState","setState","tileJSON","updateState","changeFlags","dataChanged","tiles","renderLayers","state","maxZoom","parseInt","maxresolution","TilesetClass"],"mappings":";AAAA,SACEA,cADF,QAOO,eAPP;AAQA,SAAQC,YAAR,QAA8C,qBAA9C;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;;AAEA,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;AACA,MAAI,CAACC,IAAD,IAAS,CAACA,IAAI,CAACC,MAAnB,EAA2B,OAAO,IAAP;AAC3B,SAAO,IAAIN,YAAJ,CAAiBI,KAAjB,EAAwB;AAACG,IAAAA,UAAU,EAAEC,CAAC,IAAIA,CAAC,CAACC;AAApB,GAAxB,CAAP;AACD,CAJD;;AAMA,MAAMC,YAAiD,GAAG;AACxDC,EAAAA,mBAAmB,EAAE;AADmC,CAA1D;AAaA,eAAe,MAAMC,gBAAN,SAA6Db,cAA7D,CAEb;AAAA;AAAA;;AAAA;AAAA;;AAQAc,EAAAA,eAAe,GAAS;AACtB,SAAKC,QAAL,CAAc;AAACT,MAAAA,IAAI,EAAE,IAAP;AAAaU,MAAAA,QAAQ,EAAE;AAAvB,KAAd;AACD;;AAEDC,EAAAA,WAAW,CAAC;AAACC,IAAAA;AAAD,GAAD,EAA8C;AACvD,QAAIA,WAAW,CAACC,WAAhB,EAA6B;AAC3B,UAAI;AAACb,QAAAA;AAAD,UAAS,KAAKD,KAAlB;AACA,YAAMW,QAAQ,GAAGV,IAAjB;AACAA,MAAAA,IAAI,GAAIU,QAAD,CAAkBI,KAAzB;AACA,WAAKL,QAAL,CAAc;AAACT,QAAAA,IAAD;AAAOU,QAAAA;AAAP,OAAd;AACD;AACF;;AAEDK,EAAAA,YAAY,GAA8B;AACxC,UAAM;AAACf,MAAAA,IAAD;AAAOU,MAAAA;AAAP,QAAmB,KAAKM,KAA9B;AACA,UAAMC,OAAO,GAAGC,QAAQ,CAACR,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAES,aAAX,CAAxB;AACA,WAAO,CACL,IAAItB,qBAAJ,CAA0B,KAAKE,KAA/B,EAAsC;AACpCK,MAAAA,EAAE,+BAAwB,KAAKL,KAAL,CAAWK,EAAnC,CADkC;AAEpCJ,MAAAA,IAFoC;AAIpCoB,MAAAA,YAAY,EAAExB,gBAJsB;AAKpCE,MAAAA,eALoC;AAMpCmB,MAAAA;AANoC,KAAtC,CADK,CAAP;AAUD;;AAlCD;;gBAFmBV,gB,eAGA,kB;;gBAHAA,gB,kBAIGF,Y","sourcesContent":["import {\n CompositeLayer,\n CompositeLayerProps,\n Layer,\n LayersList,\n UpdateParameters,\n DefaultProps\n} from '@deck.gl/core';\nimport {QuadkeyLayer, QuadkeyLayerProps} from '@deck.gl/geo-layers';\nimport QuadkeyTileset2D from './quadkey-tileset-2d';\nimport SpatialIndexTileLayer from './spatial-index-tile-layer';\n\nconst renderSubLayers = props => {\n const {data} = props;\n if (!data || !data.length) return null;\n return new QuadkeyLayer(props, {getQuadkey: d => d.id});\n};\n\nconst defaultProps: DefaultProps<QuadkeyTileLayerProps> = {\n aggregationResLevel: 6\n};\n\n/** All properties supported by QuadkeyTileLayer. */\nexport type QuadkeyTileLayerProps<DataT = any> = _QuadkeyTileLayerProps<DataT> &\n CompositeLayerProps<DataT>;\n\n/** Properties added by QuadkeyTileLayer. */\ntype _QuadkeyTileLayerProps<DataT> = QuadkeyLayerProps<DataT> & {\n aggregationResLevel?: number;\n};\n\nexport default class QuadkeyTileLayer<DataT = any, ExtraProps = {}> extends CompositeLayer<\n ExtraProps & Required<_QuadkeyTileLayerProps<DataT>>\n> {\n static layerName = 'QuadkeyTileLayer';\n static defaultProps = defaultProps;\n\n state!: {\n tileJSON: any;\n data: any;\n };\n initializeState(): void {\n this.setState({data: null, tileJSON: null});\n }\n\n updateState({changeFlags}: UpdateParameters<this>): void {\n if (changeFlags.dataChanged) {\n let {data} = this.props;\n const tileJSON = data;\n data = (tileJSON as any).tiles;\n this.setState({data, tileJSON});\n }\n }\n\n renderLayers(): Layer | null | LayersList {\n const {data, tileJSON} = this.state;\n const maxZoom = parseInt(tileJSON?.maxresolution);\n return [\n new SpatialIndexTileLayer(this.props, {\n id: `quadkey-tile-layer-${this.props.id}`,\n data,\n // TODO: Tileset2D should be generic over TileIndex type\n TilesetClass: QuadkeyTileset2D as any,\n renderSubLayers,\n maxZoom\n })\n ];\n }\n}\n"],"file":"quadkey-tile-layer.js"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { _Tileset2D as Tileset2D } from '@deck.gl/geo-layers';
|
|
2
|
-
|
|
3
|
-
function tileToQuadkey(tile) {
|
|
4
|
-
let index = '';
|
|
5
|
-
|
|
6
|
-
for (let z = tile.z; z > 0; z--) {
|
|
7
|
-
let b = 0;
|
|
8
|
-
const mask = 1 << z - 1;
|
|
9
|
-
if ((tile.x & mask) !== 0) b++;
|
|
10
|
-
if ((tile.y & mask) !== 0) b += 2;
|
|
11
|
-
index += b.toString();
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
return {
|
|
15
|
-
i: index
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function quadkeyToTile(index) {
|
|
20
|
-
const quadkey = index.i;
|
|
21
|
-
const tile = {
|
|
22
|
-
x: 0,
|
|
23
|
-
y: 0,
|
|
24
|
-
z: quadkey.length
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
for (let i = tile.z; i > 0; i--) {
|
|
28
|
-
const mask = 1 << i - 1;
|
|
29
|
-
const q = Number(quadkey[tile.z - i]);
|
|
30
|
-
if (q === 1) tile.x |= mask;
|
|
31
|
-
if (q === 2) tile.y |= mask;
|
|
32
|
-
|
|
33
|
-
if (q === 3) {
|
|
34
|
-
tile.x |= mask;
|
|
35
|
-
tile.y |= mask;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
return tile;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
export default class QuadkeyTileset2D extends Tileset2D {
|
|
43
|
-
getTileIndices(opts) {
|
|
44
|
-
return super.getTileIndices(opts).map(tileToQuadkey);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
getTileId({
|
|
48
|
-
i
|
|
49
|
-
}) {
|
|
50
|
-
return i;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
getTileMetadata(index) {
|
|
54
|
-
return super.getTileMetadata(quadkeyToTile(index));
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
getTileZoom({
|
|
58
|
-
i
|
|
59
|
-
}) {
|
|
60
|
-
return i.length;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
getParentIndex(index) {
|
|
64
|
-
const i = index.i.slice(0, -1);
|
|
65
|
-
return {
|
|
66
|
-
i
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
//# sourceMappingURL=quadkey-tileset-2d.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/layers/quadkey-tileset-2d.ts"],"names":["_Tileset2D","Tileset2D","tileToQuadkey","tile","index","z","b","mask","x","y","toString","i","quadkeyToTile","quadkey","length","q","Number","QuadkeyTileset2D","getTileIndices","opts","map","getTileId","getTileMetadata","getTileZoom","getParentIndex","slice"],"mappings":"AAAA,SAAQA,UAAU,IAAIC,SAAtB,QAAsC,qBAAtC;;AAGA,SAASC,aAAT,CAAuBC,IAAvB,EAA+C;AAC7C,MAAIC,KAAK,GAAG,EAAZ;;AACA,OAAK,IAAIC,CAAC,GAAGF,IAAI,CAACE,CAAlB,EAAqBA,CAAC,GAAG,CAAzB,EAA4BA,CAAC,EAA7B,EAAiC;AAC/B,QAAIC,CAAC,GAAG,CAAR;AACA,UAAMC,IAAI,GAAG,KAAMF,CAAC,GAAG,CAAvB;AACA,QAAI,CAACF,IAAI,CAACK,CAAL,GAASD,IAAV,MAAoB,CAAxB,EAA2BD,CAAC;AAC5B,QAAI,CAACH,IAAI,CAACM,CAAL,GAASF,IAAV,MAAoB,CAAxB,EAA2BD,CAAC,IAAI,CAAL;AAC3BF,IAAAA,KAAK,IAAIE,CAAC,CAACI,QAAF,EAAT;AACD;;AACD,SAAO;AAACC,IAAAA,CAAC,EAAEP;AAAJ,GAAP;AACD;;AAED,SAASQ,aAAT,CAAuBR,KAAvB,EAAgD;AAC9C,QAAMS,OAAO,GAAGT,KAAK,CAACO,CAAtB;AACA,QAAMR,IAAI,GAAG;AAACK,IAAAA,CAAC,EAAE,CAAJ;AAAOC,IAAAA,CAAC,EAAE,CAAV;AAAaJ,IAAAA,CAAC,EAAEQ,OAAO,CAACC;AAAxB,GAAb;;AAEA,OAAK,IAAIH,CAAC,GAAGR,IAAI,CAACE,CAAlB,EAAqBM,CAAC,GAAG,CAAzB,EAA4BA,CAAC,EAA7B,EAAiC;AAC/B,UAAMJ,IAAI,GAAG,KAAMI,CAAC,GAAG,CAAvB;AACA,UAAMI,CAAC,GAAGC,MAAM,CAACH,OAAO,CAACV,IAAI,CAACE,CAAL,GAASM,CAAV,CAAR,CAAhB;AACA,QAAII,CAAC,KAAK,CAAV,EAAaZ,IAAI,CAACK,CAAL,IAAUD,IAAV;AACb,QAAIQ,CAAC,KAAK,CAAV,EAAaZ,IAAI,CAACM,CAAL,IAAUF,IAAV;;AACb,QAAIQ,CAAC,KAAK,CAAV,EAAa;AACXZ,MAAAA,IAAI,CAACK,CAAL,IAAUD,IAAV;AACAJ,MAAAA,IAAI,CAACM,CAAL,IAAUF,IAAV;AACD;AACF;;AACD,SAAOJ,IAAP;AACD;;AAED,eAAe,MAAMc,gBAAN,SAA+BhB,SAA/B,CAAyC;AAEtDiB,EAAAA,cAAc,CAACC,IAAD,EAA2B;AACvC,WAAO,MAAMD,cAAN,CAAqBC,IAArB,EAA2BC,GAA3B,CAA+BlB,aAA/B,CAAP;AACD;;AAGDmB,EAAAA,SAAS,CAAC;AAACV,IAAAA;AAAD,GAAD,EAAwB;AAC/B,WAAOA,CAAP;AACD;;AAGDW,EAAAA,eAAe,CAAClB,KAAD,EAA0B;AACvC,WAAO,MAAMkB,eAAN,CAAsBV,aAAa,CAACR,KAAD,CAAnC,CAAP;AACD;;AAGDmB,EAAAA,WAAW,CAAC;AAACZ,IAAAA;AAAD,GAAD,EAAwB;AACjC,WAAOA,CAAC,CAACG,MAAT;AACD;;AAGDU,EAAAA,cAAc,CAACpB,KAAD,EAA0B;AACtC,UAAMO,CAAC,GAAGP,KAAK,CAACO,CAAN,CAAQc,KAAR,CAAc,CAAd,EAAiB,CAAC,CAAlB,CAAV;AACA,WAAO;AAACd,MAAAA;AAAD,KAAP;AACD;;AAzBqD","sourcesContent":["import {_Tileset2D as Tileset2D} from '@deck.gl/geo-layers';\n\ntype QuadkeyTileIndex = {i: string};\nfunction tileToQuadkey(tile): QuadkeyTileIndex {\n let index = '';\n for (let z = tile.z; z > 0; z--) {\n let b = 0;\n const mask = 1 << (z - 1);\n if ((tile.x & mask) !== 0) b++;\n if ((tile.y & mask) !== 0) b += 2;\n index += b.toString();\n }\n return {i: index};\n}\n\nfunction quadkeyToTile(index: QuadkeyTileIndex) {\n const quadkey = index.i;\n const tile = {x: 0, y: 0, z: quadkey.length};\n\n for (let i = tile.z; i > 0; i--) {\n const mask = 1 << (i - 1);\n const q = Number(quadkey[tile.z - i]);\n if (q === 1) tile.x |= mask;\n if (q === 2) tile.y |= mask;\n if (q === 3) {\n tile.x |= mask;\n tile.y |= mask;\n }\n }\n return tile;\n}\n\nexport default class QuadkeyTileset2D extends Tileset2D {\n // @ts-expect-error for spatial indices, TileSet2d should be parametrized by TileIndexT\n getTileIndices(opts): QuadkeyTileIndex[] {\n return super.getTileIndices(opts).map(tileToQuadkey);\n }\n\n // @ts-expect-error TileIndex must be generic\n getTileId({i}: QuadkeyTileIndex) {\n return i;\n }\n\n // @ts-expect-error TileIndex must be generic\n getTileMetadata(index: QuadkeyTileIndex) {\n return super.getTileMetadata(quadkeyToTile(index));\n }\n\n // @ts-expect-error TileIndex must be generic\n getTileZoom({i}: QuadkeyTileIndex) {\n return i.length;\n }\n\n // @ts-expect-error TileIndex must be generic\n getParentIndex(index: QuadkeyTileIndex) {\n const i = index.i.slice(0, -1);\n return {i};\n }\n}\n"],"file":"quadkey-tileset-2d.js"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import {_Tileset2D as Tileset2D} from '@deck.gl/geo-layers';
|
|
2
|
-
|
|
3
|
-
type QuadkeyTileIndex = {i: string};
|
|
4
|
-
function tileToQuadkey(tile): QuadkeyTileIndex {
|
|
5
|
-
let index = '';
|
|
6
|
-
for (let z = tile.z; z > 0; z--) {
|
|
7
|
-
let b = 0;
|
|
8
|
-
const mask = 1 << (z - 1);
|
|
9
|
-
if ((tile.x & mask) !== 0) b++;
|
|
10
|
-
if ((tile.y & mask) !== 0) b += 2;
|
|
11
|
-
index += b.toString();
|
|
12
|
-
}
|
|
13
|
-
return {i: index};
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
function quadkeyToTile(index: QuadkeyTileIndex) {
|
|
17
|
-
const quadkey = index.i;
|
|
18
|
-
const tile = {x: 0, y: 0, z: quadkey.length};
|
|
19
|
-
|
|
20
|
-
for (let i = tile.z; i > 0; i--) {
|
|
21
|
-
const mask = 1 << (i - 1);
|
|
22
|
-
const q = Number(quadkey[tile.z - i]);
|
|
23
|
-
if (q === 1) tile.x |= mask;
|
|
24
|
-
if (q === 2) tile.y |= mask;
|
|
25
|
-
if (q === 3) {
|
|
26
|
-
tile.x |= mask;
|
|
27
|
-
tile.y |= mask;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return tile;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export default class QuadkeyTileset2D extends Tileset2D {
|
|
34
|
-
// @ts-expect-error for spatial indices, TileSet2d should be parametrized by TileIndexT
|
|
35
|
-
getTileIndices(opts): QuadkeyTileIndex[] {
|
|
36
|
-
return super.getTileIndices(opts).map(tileToQuadkey);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// @ts-expect-error TileIndex must be generic
|
|
40
|
-
getTileId({i}: QuadkeyTileIndex) {
|
|
41
|
-
return i;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// @ts-expect-error TileIndex must be generic
|
|
45
|
-
getTileMetadata(index: QuadkeyTileIndex) {
|
|
46
|
-
return super.getTileMetadata(quadkeyToTile(index));
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// @ts-expect-error TileIndex must be generic
|
|
50
|
-
getTileZoom({i}: QuadkeyTileIndex) {
|
|
51
|
-
return i.length;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// @ts-expect-error TileIndex must be generic
|
|
55
|
-
getParentIndex(index: QuadkeyTileIndex) {
|
|
56
|
-
const i = index.i.slice(0, -1);
|
|
57
|
-
return {i};
|
|
58
|
-
}
|
|
59
|
-
}
|