@deck.gl/geo-layers 8.10.0-alpha.2 → 8.10.0-alpha.5
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/LICENSE +1 -1
- package/dist/dist.dev.js +76 -694
- package/dist/es5/geo-cell-layer/GeoCellLayer.js +66 -69
- package/dist/es5/geo-cell-layer/GeoCellLayer.js.map +1 -1
- package/dist/es5/geohash-layer/geohash-layer.js +18 -22
- package/dist/es5/geohash-layer/geohash-layer.js.map +1 -1
- package/dist/es5/great-circle-layer/great-circle-layer.js +2 -4
- package/dist/es5/great-circle-layer/great-circle-layer.js.map +1 -1
- package/dist/es5/h3-layers/h3-cluster-layer.js +85 -91
- package/dist/es5/h3-layers/h3-cluster-layer.js.map +1 -1
- package/dist/es5/h3-layers/h3-hexagon-layer.js +222 -234
- package/dist/es5/h3-layers/h3-hexagon-layer.js.map +1 -1
- package/dist/es5/index.js.map +1 -1
- package/dist/es5/mesh-layer/mesh-layer.js +126 -136
- package/dist/es5/mesh-layer/mesh-layer.js.map +1 -1
- package/dist/es5/mvt-layer/mvt-layer.js +338 -350
- package/dist/es5/mvt-layer/mvt-layer.js.map +1 -1
- package/dist/es5/quadkey-layer/quadkey-layer.js +23 -27
- package/dist/es5/quadkey-layer/quadkey-layer.js.map +1 -1
- package/dist/es5/s2-layer/s2-layer.js +18 -22
- package/dist/es5/s2-layer/s2-layer.js.map +1 -1
- package/dist/es5/terrain-layer/terrain-layer.js +225 -234
- package/dist/es5/terrain-layer/terrain-layer.js.map +1 -1
- package/dist/es5/tile-3d-layer/tile-3d-layer.js +338 -354
- package/dist/es5/tile-3d-layer/tile-3d-layer.js.map +1 -1
- package/dist/es5/tile-layer/tile-layer.js +219 -233
- package/dist/es5/tile-layer/tile-layer.js.map +1 -1
- package/dist/es5/tileset-2d/tile-2d-header.js +160 -164
- package/dist/es5/tileset-2d/tile-2d-header.js.map +1 -1
- package/dist/es5/tileset-2d/tile-2d-traversal.js +118 -122
- package/dist/es5/tileset-2d/tile-2d-traversal.js.map +1 -1
- package/dist/es5/tileset-2d/tileset-2d.js +397 -411
- package/dist/es5/tileset-2d/tileset-2d.js.map +1 -1
- package/dist/es5/trips-layer/trips-layer.js +48 -52
- package/dist/es5/trips-layer/trips-layer.js.map +1 -1
- package/dist/es5/wms-layer/wms-layer.js +263 -274
- package/dist/es5/wms-layer/wms-layer.js.map +1 -1
- package/dist/esm/geo-cell-layer/GeoCellLayer.js +2 -5
- package/dist/esm/geo-cell-layer/GeoCellLayer.js.map +1 -1
- package/dist/esm/geohash-layer/geohash-layer.js +2 -5
- package/dist/esm/geohash-layer/geohash-layer.js.map +1 -1
- package/dist/esm/great-circle-layer/great-circle-layer.js +2 -5
- package/dist/esm/great-circle-layer/great-circle-layer.js.map +1 -1
- package/dist/esm/h3-layers/h3-cluster-layer.js +2 -5
- package/dist/esm/h3-layers/h3-cluster-layer.js.map +1 -1
- package/dist/esm/h3-layers/h3-hexagon-layer.js +4 -8
- package/dist/esm/h3-layers/h3-hexagon-layer.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mesh-layer/mesh-layer-fragment.glsl.js +55 -1
- package/dist/esm/mesh-layer/mesh-layer-fragment.glsl.js.map +1 -1
- package/dist/esm/mesh-layer/mesh-layer-vertex.glsl.js +80 -1
- package/dist/esm/mesh-layer/mesh-layer-vertex.glsl.js.map +1 -1
- package/dist/esm/mesh-layer/mesh-layer.js +2 -5
- package/dist/esm/mesh-layer/mesh-layer.js.map +1 -1
- package/dist/esm/mvt-layer/mvt-layer.js +2 -5
- package/dist/esm/mvt-layer/mvt-layer.js.map +1 -1
- package/dist/esm/quadkey-layer/quadkey-layer.js +2 -5
- package/dist/esm/quadkey-layer/quadkey-layer.js.map +1 -1
- package/dist/esm/s2-layer/s2-geometry.js +1 -1
- package/dist/esm/s2-layer/s2-geometry.js.map +1 -1
- package/dist/esm/s2-layer/s2-layer.js +2 -5
- package/dist/esm/s2-layer/s2-layer.js.map +1 -1
- package/dist/esm/terrain-layer/terrain-layer.js +3 -7
- package/dist/esm/terrain-layer/terrain-layer.js.map +1 -1
- package/dist/esm/tile-3d-layer/tile-3d-layer.js +7 -11
- package/dist/esm/tile-3d-layer/tile-3d-layer.js.map +1 -1
- package/dist/esm/tile-layer/tile-layer.js +6 -8
- package/dist/esm/tile-layer/tile-layer.js.map +1 -1
- package/dist/esm/tileset-2d/tile-2d-header.js +19 -39
- package/dist/esm/tileset-2d/tile-2d-header.js.map +1 -1
- package/dist/esm/tileset-2d/tile-2d-traversal.js +6 -13
- package/dist/esm/tileset-2d/tile-2d-traversal.js.map +1 -1
- package/dist/esm/tileset-2d/tileset-2d.js +17 -34
- package/dist/esm/tileset-2d/tileset-2d.js.map +1 -1
- package/dist/esm/tileset-2d/utils.js +1 -1
- package/dist/esm/tileset-2d/utils.js.map +1 -1
- package/dist/esm/trips-layer/trips-layer.js +27 -10
- package/dist/esm/trips-layer/trips-layer.js.map +1 -1
- package/dist/esm/wms-layer/wms-layer.js +3 -7
- package/dist/esm/wms-layer/wms-layer.js.map +1 -1
- package/dist.min.js +111 -56
- package/package.json +11 -11
- package/src/index.ts +1 -0
- package/src/tile-layer/tile-layer.ts +3 -2
- package/typed/index.d.ts +1 -0
- package/typed/index.d.ts.map +1 -1
- package/typed/tile-layer/tile-layer.d.ts.map +1 -1
- package/typed/geo-cell-layer/GeoCellLayer.js +0 -49
- package/typed/great-circle-layer/great-circle-layer.js +0 -29
- package/typed/h3-layers/h3-cluster-layer.js +0 -33
- package/typed/h3-layers/h3-hexagon-layer.js +0 -251
- package/typed/imagery-layer/imagery-layer.d.ts +0 -53
- package/typed/imagery-layer/imagery-layer.d.ts.map +0 -1
- package/typed/index.js +0 -33
- package/typed/mesh-layer/mesh-layer-fragment.glsl.js +0 -55
- package/typed/mesh-layer/mesh-layer-vertex.glsl.js +0 -80
- package/typed/mesh-layer/mesh-layer.js +0 -110
- package/typed/mvt-layer/coordinate-transform.js +0 -41
- package/typed/mvt-layer/find-index-binary.js +0 -96
- package/typed/mvt-layer/mvt-layer.js +0 -297
- package/typed/quadkey-layer/quadkey-layer.js +0 -18
- package/typed/quadkey-layer/quadkey-utils.js +0 -26
- package/typed/s2-layer/s2-geometry.js +0 -123
- package/typed/s2-layer/s2-layer.js +0 -37
- package/typed/s2-layer/s2-utils.js +0 -88
- package/typed/terrain-layer/terrain-layer.js +0 -226
- package/typed/tile-3d-layer/tile-3d-layer.js +0 -294
- package/typed/tile-layer/tile-2d-header.d.ts +0 -40
- package/typed/tile-layer/tile-2d-header.d.ts.map +0 -1
- package/typed/tile-layer/tile-2d-header.js +0 -113
- package/typed/tile-layer/tile-2d-traversal.d.ts +0 -4
- package/typed/tile-layer/tile-2d-traversal.d.ts.map +0 -1
- package/typed/tile-layer/tile-2d-traversal.js +0 -181
- package/typed/tile-layer/tile-layer.js +0 -192
- package/typed/tile-layer/tileset-2d.d.ts +0 -96
- package/typed/tile-layer/tileset-2d.d.ts.map +0 -1
- package/typed/tile-layer/tileset-2d.js +0 -399
- package/typed/tile-layer/types.d.ts +0 -30
- package/typed/tile-layer/types.d.ts.map +0 -1
- package/typed/tile-layer/types.js +0 -1
- package/typed/tile-layer/utils.d.ts +0 -51
- package/typed/tile-layer/utils.d.ts.map +0 -1
- package/typed/tile-layer/utils.js +0 -197
- package/typed/trips-layer/trips-layer.js +0 -92
|
@@ -11,10 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
|
|
12
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
13
|
|
|
14
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
15
|
|
|
20
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
@@ -101,263 +97,255 @@ var H3HexagonLayer = function (_CompositeLayer) {
|
|
|
101
97
|
}
|
|
102
98
|
|
|
103
99
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
104
|
-
|
|
100
|
+
_this.state = void 0;
|
|
105
101
|
return _this;
|
|
106
102
|
}
|
|
107
103
|
|
|
108
|
-
|
|
109
|
-
key: "initializeState",
|
|
110
|
-
value: function initializeState() {
|
|
111
|
-
H3HexagonLayer._checkH3Lib();
|
|
104
|
+
var _proto = H3HexagonLayer.prototype;
|
|
112
105
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
106
|
+
_proto.initializeState = function initializeState() {
|
|
107
|
+
H3HexagonLayer._checkH3Lib();
|
|
108
|
+
|
|
109
|
+
this.state = {
|
|
110
|
+
edgeLengthKM: 0,
|
|
111
|
+
resolution: -1
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
_proto.shouldUpdateState = function shouldUpdateState(_ref) {
|
|
116
|
+
var changeFlags = _ref.changeFlags;
|
|
117
|
+
return this._shouldUseHighPrecision() ? changeFlags.propsOrDataChanged : changeFlags.somethingChanged;
|
|
118
|
+
};
|
|
119
|
+
|
|
120
|
+
_proto.updateState = function updateState(_ref2) {
|
|
121
|
+
var props = _ref2.props,
|
|
122
|
+
changeFlags = _ref2.changeFlags;
|
|
123
|
+
|
|
124
|
+
if (props.highPrecision !== true && (changeFlags.dataChanged || changeFlags.updateTriggersChanged && changeFlags.updateTriggersChanged.getHexagon)) {
|
|
125
|
+
var dataProps = this._calculateH3DataProps();
|
|
126
|
+
|
|
127
|
+
this.setState(dataProps);
|
|
123
128
|
}
|
|
124
|
-
}, {
|
|
125
|
-
key: "updateState",
|
|
126
|
-
value: function updateState(_ref2) {
|
|
127
|
-
var props = _ref2.props,
|
|
128
|
-
changeFlags = _ref2.changeFlags;
|
|
129
129
|
|
|
130
|
-
|
|
131
|
-
|
|
130
|
+
this._updateVertices(this.context.viewport);
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
_proto._calculateH3DataProps = function _calculateH3DataProps() {
|
|
134
|
+
var resolution = -1;
|
|
135
|
+
var hasPentagon = false;
|
|
136
|
+
var hasMultipleRes = false;
|
|
137
|
+
|
|
138
|
+
var _createIterable = (0, _core.createIterable)(this.props.data),
|
|
139
|
+
iterable = _createIterable.iterable,
|
|
140
|
+
objectInfo = _createIterable.objectInfo;
|
|
141
|
+
|
|
142
|
+
var _iterator = _createForOfIteratorHelper(iterable),
|
|
143
|
+
_step;
|
|
144
|
+
|
|
145
|
+
try {
|
|
146
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
147
|
+
var object = _step.value;
|
|
148
|
+
objectInfo.index++;
|
|
149
|
+
var hexId = this.props.getHexagon(object, objectInfo);
|
|
150
|
+
var hexResolution = (0, _h3Js.getResolution)(hexId);
|
|
151
|
+
|
|
152
|
+
if (resolution < 0) {
|
|
153
|
+
resolution = hexResolution;
|
|
154
|
+
if (!this.props.highPrecision) break;
|
|
155
|
+
} else if (resolution !== hexResolution) {
|
|
156
|
+
hasMultipleRes = true;
|
|
157
|
+
break;
|
|
158
|
+
}
|
|
132
159
|
|
|
133
|
-
|
|
160
|
+
if ((0, _h3Js.isPentagon)(hexId)) {
|
|
161
|
+
hasPentagon = true;
|
|
162
|
+
break;
|
|
163
|
+
}
|
|
134
164
|
}
|
|
165
|
+
} catch (err) {
|
|
166
|
+
_iterator.e(err);
|
|
167
|
+
} finally {
|
|
168
|
+
_iterator.f();
|
|
169
|
+
}
|
|
135
170
|
|
|
136
|
-
|
|
171
|
+
return {
|
|
172
|
+
resolution: resolution,
|
|
173
|
+
edgeLengthKM: resolution >= 0 ? (0, _h3Js.getHexagonEdgeLengthAvg)(resolution, 'km') : 0,
|
|
174
|
+
hasMultipleRes: hasMultipleRes,
|
|
175
|
+
hasPentagon: hasPentagon
|
|
176
|
+
};
|
|
177
|
+
};
|
|
178
|
+
|
|
179
|
+
_proto._shouldUseHighPrecision = function _shouldUseHighPrecision() {
|
|
180
|
+
if (this.props.highPrecision === 'auto') {
|
|
181
|
+
var _this$state = this.state,
|
|
182
|
+
resolution = _this$state.resolution,
|
|
183
|
+
hasPentagon = _this$state.hasPentagon,
|
|
184
|
+
hasMultipleRes = _this$state.hasMultipleRes;
|
|
185
|
+
var viewport = this.context.viewport;
|
|
186
|
+
return Boolean(viewport === null || viewport === void 0 ? void 0 : viewport.resolution) || hasMultipleRes || hasPentagon || resolution >= 0 && resolution <= 5;
|
|
137
187
|
}
|
|
138
|
-
}, {
|
|
139
|
-
key: "_calculateH3DataProps",
|
|
140
|
-
value: function _calculateH3DataProps() {
|
|
141
|
-
var resolution = -1;
|
|
142
|
-
var hasPentagon = false;
|
|
143
|
-
var hasMultipleRes = false;
|
|
144
188
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
objectInfo = _createIterable.objectInfo;
|
|
189
|
+
return this.props.highPrecision;
|
|
190
|
+
};
|
|
148
191
|
|
|
149
|
-
|
|
150
|
-
|
|
192
|
+
_proto._updateVertices = function _updateVertices(viewport) {
|
|
193
|
+
if (this._shouldUseHighPrecision()) {
|
|
194
|
+
return;
|
|
195
|
+
}
|
|
151
196
|
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
var hexId = this.props.getHexagon(object, objectInfo);
|
|
157
|
-
var hexResolution = (0, _h3Js.getResolution)(hexId);
|
|
158
|
-
|
|
159
|
-
if (resolution < 0) {
|
|
160
|
-
resolution = hexResolution;
|
|
161
|
-
if (!this.props.highPrecision) break;
|
|
162
|
-
} else if (resolution !== hexResolution) {
|
|
163
|
-
hasMultipleRes = true;
|
|
164
|
-
break;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
if ((0, _h3Js.isPentagon)(hexId)) {
|
|
168
|
-
hasPentagon = true;
|
|
169
|
-
break;
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
} catch (err) {
|
|
173
|
-
_iterator.e(err);
|
|
174
|
-
} finally {
|
|
175
|
-
_iterator.f();
|
|
176
|
-
}
|
|
197
|
+
var _this$state2 = this.state,
|
|
198
|
+
resolution = _this$state2.resolution,
|
|
199
|
+
edgeLengthKM = _this$state2.edgeLengthKM,
|
|
200
|
+
centerHex = _this$state2.centerHex;
|
|
177
201
|
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
edgeLengthKM: resolution >= 0 ? (0, _h3Js.getHexagonEdgeLengthAvg)(resolution, 'km') : 0,
|
|
181
|
-
hasMultipleRes: hasMultipleRes,
|
|
182
|
-
hasPentagon: hasPentagon
|
|
183
|
-
};
|
|
202
|
+
if (resolution < 0) {
|
|
203
|
+
return;
|
|
184
204
|
}
|
|
185
|
-
}, {
|
|
186
|
-
key: "_shouldUseHighPrecision",
|
|
187
|
-
value: function _shouldUseHighPrecision() {
|
|
188
|
-
if (this.props.highPrecision === 'auto') {
|
|
189
|
-
var _this$state = this.state,
|
|
190
|
-
resolution = _this$state.resolution,
|
|
191
|
-
hasPentagon = _this$state.hasPentagon,
|
|
192
|
-
hasMultipleRes = _this$state.hasMultipleRes;
|
|
193
|
-
var viewport = this.context.viewport;
|
|
194
|
-
return Boolean(viewport === null || viewport === void 0 ? void 0 : viewport.resolution) || hasMultipleRes || hasPentagon || resolution >= 0 && resolution <= 5;
|
|
195
|
-
}
|
|
196
205
|
|
|
197
|
-
|
|
206
|
+
var hex = this.props.centerHexagon || (0, _h3Js.latLngToCell)(viewport.latitude, viewport.longitude, resolution);
|
|
207
|
+
|
|
208
|
+
if (centerHex === hex) {
|
|
209
|
+
return;
|
|
198
210
|
}
|
|
199
|
-
}, {
|
|
200
|
-
key: "_updateVertices",
|
|
201
|
-
value: function _updateVertices(viewport) {
|
|
202
|
-
if (this._shouldUseHighPrecision()) {
|
|
203
|
-
return;
|
|
204
|
-
}
|
|
205
211
|
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
centerHex = _this$state2.centerHex;
|
|
212
|
+
if (centerHex) {
|
|
213
|
+
try {
|
|
214
|
+
var distance = (0, _h3Js.gridDistance)(centerHex, hex);
|
|
210
215
|
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
216
|
+
if (distance * edgeLengthKM < UPDATE_THRESHOLD_KM) {
|
|
217
|
+
return;
|
|
218
|
+
}
|
|
219
|
+
} catch (_unused) {}
|
|
220
|
+
}
|
|
214
221
|
|
|
215
|
-
|
|
222
|
+
var unitsPerMeter = viewport.distanceScales.unitsPerMeter;
|
|
223
|
+
var vertices = (0, _h3Utils.h3ToPolygon)(hex);
|
|
216
224
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
225
|
+
var _cellToLatLng = (0, _h3Js.cellToLatLng)(hex),
|
|
226
|
+
_cellToLatLng2 = (0, _slicedToArray2.default)(_cellToLatLng, 2),
|
|
227
|
+
centerLat = _cellToLatLng2[0],
|
|
228
|
+
centerLng = _cellToLatLng2[1];
|
|
220
229
|
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
230
|
+
var _viewport$projectFlat = viewport.projectFlat([centerLng, centerLat]),
|
|
231
|
+
_viewport$projectFlat2 = (0, _slicedToArray2.default)(_viewport$projectFlat, 2),
|
|
232
|
+
centerX = _viewport$projectFlat2[0],
|
|
233
|
+
centerY = _viewport$projectFlat2[1];
|
|
224
234
|
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
235
|
+
vertices = vertices.map(function (p) {
|
|
236
|
+
var worldPosition = viewport.projectFlat(p);
|
|
237
|
+
return [(worldPosition[0] - centerX) / unitsPerMeter[0], (worldPosition[1] - centerY) / unitsPerMeter[1]];
|
|
238
|
+
});
|
|
239
|
+
this.setState({
|
|
240
|
+
centerHex: hex,
|
|
241
|
+
vertices: vertices
|
|
242
|
+
});
|
|
243
|
+
};
|
|
244
|
+
|
|
245
|
+
_proto.renderLayers = function renderLayers() {
|
|
246
|
+
return this._shouldUseHighPrecision() ? this._renderPolygonLayer() : this._renderColumnLayer();
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
_proto._getForwardProps = function _getForwardProps() {
|
|
250
|
+
var _this$props = this.props,
|
|
251
|
+
elevationScale = _this$props.elevationScale,
|
|
252
|
+
material = _this$props.material,
|
|
253
|
+
coverage = _this$props.coverage,
|
|
254
|
+
extruded = _this$props.extruded,
|
|
255
|
+
wireframe = _this$props.wireframe,
|
|
256
|
+
stroked = _this$props.stroked,
|
|
257
|
+
filled = _this$props.filled,
|
|
258
|
+
lineWidthUnits = _this$props.lineWidthUnits,
|
|
259
|
+
lineWidthScale = _this$props.lineWidthScale,
|
|
260
|
+
lineWidthMinPixels = _this$props.lineWidthMinPixels,
|
|
261
|
+
lineWidthMaxPixels = _this$props.lineWidthMaxPixels,
|
|
262
|
+
getFillColor = _this$props.getFillColor,
|
|
263
|
+
getElevation = _this$props.getElevation,
|
|
264
|
+
getLineColor = _this$props.getLineColor,
|
|
265
|
+
getLineWidth = _this$props.getLineWidth,
|
|
266
|
+
transitions = _this$props.transitions,
|
|
267
|
+
updateTriggers = _this$props.updateTriggers;
|
|
268
|
+
return {
|
|
269
|
+
elevationScale: elevationScale,
|
|
270
|
+
extruded: extruded,
|
|
271
|
+
coverage: coverage,
|
|
272
|
+
wireframe: wireframe,
|
|
273
|
+
stroked: stroked,
|
|
274
|
+
filled: filled,
|
|
275
|
+
lineWidthUnits: lineWidthUnits,
|
|
276
|
+
lineWidthScale: lineWidthScale,
|
|
277
|
+
lineWidthMinPixels: lineWidthMinPixels,
|
|
278
|
+
lineWidthMaxPixels: lineWidthMaxPixels,
|
|
279
|
+
material: material,
|
|
280
|
+
getElevation: getElevation,
|
|
281
|
+
getFillColor: getFillColor,
|
|
282
|
+
getLineColor: getLineColor,
|
|
283
|
+
getLineWidth: getLineWidth,
|
|
284
|
+
transitions: transitions,
|
|
285
|
+
updateTriggers: {
|
|
286
|
+
getFillColor: updateTriggers.getFillColor,
|
|
287
|
+
getElevation: updateTriggers.getElevation,
|
|
288
|
+
getLineColor: updateTriggers.getLineColor,
|
|
289
|
+
getLineWidth: updateTriggers.getLineWidth
|
|
229
290
|
}
|
|
291
|
+
};
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
_proto._renderPolygonLayer = function _renderPolygonLayer() {
|
|
295
|
+
var _this$props2 = this.props,
|
|
296
|
+
data = _this$props2.data,
|
|
297
|
+
getHexagon = _this$props2.getHexagon,
|
|
298
|
+
updateTriggers = _this$props2.updateTriggers,
|
|
299
|
+
coverage = _this$props2.coverage;
|
|
300
|
+
var SubLayerClass = this.getSubLayerClass('hexagon-cell-hifi', _layers.PolygonLayer);
|
|
301
|
+
|
|
302
|
+
var forwardProps = this._getForwardProps();
|
|
303
|
+
|
|
304
|
+
forwardProps.updateTriggers.getPolygon = mergeTriggers(updateTriggers.getHexagon, coverage);
|
|
305
|
+
return new SubLayerClass(forwardProps, this.getSubLayerProps({
|
|
306
|
+
id: 'hexagon-cell-hifi',
|
|
307
|
+
updateTriggers: forwardProps.updateTriggers
|
|
308
|
+
}), {
|
|
309
|
+
data: data,
|
|
310
|
+
_normalize: false,
|
|
311
|
+
_windingOrder: 'CCW',
|
|
312
|
+
positionFormat: 'XY',
|
|
313
|
+
getPolygon: function getPolygon(object, objectInfo) {
|
|
314
|
+
var hexagonId = getHexagon(object, objectInfo);
|
|
315
|
+
return (0, _h3Utils.flattenPolygon)((0, _h3Utils.h3ToPolygon)(hexagonId, coverage));
|
|
316
|
+
}
|
|
317
|
+
});
|
|
318
|
+
};
|
|
319
|
+
|
|
320
|
+
_proto._renderColumnLayer = function _renderColumnLayer() {
|
|
321
|
+
var _this$props3 = this.props,
|
|
322
|
+
data = _this$props3.data,
|
|
323
|
+
getHexagon = _this$props3.getHexagon,
|
|
324
|
+
updateTriggers = _this$props3.updateTriggers;
|
|
325
|
+
var SubLayerClass = this.getSubLayerClass('hexagon-cell', _layers.ColumnLayer);
|
|
326
|
+
|
|
327
|
+
var forwardProps = this._getForwardProps();
|
|
328
|
+
|
|
329
|
+
forwardProps.updateTriggers.getPosition = updateTriggers.getHexagon;
|
|
330
|
+
return new SubLayerClass(forwardProps, this.getSubLayerProps({
|
|
331
|
+
id: 'hexagon-cell',
|
|
332
|
+
flatShading: true,
|
|
333
|
+
updateTriggers: forwardProps.updateTriggers
|
|
334
|
+
}), {
|
|
335
|
+
data: data,
|
|
336
|
+
diskResolution: 6,
|
|
337
|
+
radius: 1,
|
|
338
|
+
vertices: this.state.vertices,
|
|
339
|
+
getPosition: _h3Utils.getHexagonCentroid.bind(null, getHexagon)
|
|
340
|
+
});
|
|
341
|
+
};
|
|
230
342
|
|
|
231
|
-
var unitsPerMeter = viewport.distanceScales.unitsPerMeter;
|
|
232
|
-
var vertices = (0, _h3Utils.h3ToPolygon)(hex);
|
|
233
|
-
|
|
234
|
-
var _cellToLatLng = (0, _h3Js.cellToLatLng)(hex),
|
|
235
|
-
_cellToLatLng2 = (0, _slicedToArray2.default)(_cellToLatLng, 2),
|
|
236
|
-
centerLat = _cellToLatLng2[0],
|
|
237
|
-
centerLng = _cellToLatLng2[1];
|
|
238
|
-
|
|
239
|
-
var _viewport$projectFlat = viewport.projectFlat([centerLng, centerLat]),
|
|
240
|
-
_viewport$projectFlat2 = (0, _slicedToArray2.default)(_viewport$projectFlat, 2),
|
|
241
|
-
centerX = _viewport$projectFlat2[0],
|
|
242
|
-
centerY = _viewport$projectFlat2[1];
|
|
243
|
-
|
|
244
|
-
vertices = vertices.map(function (p) {
|
|
245
|
-
var worldPosition = viewport.projectFlat(p);
|
|
246
|
-
return [(worldPosition[0] - centerX) / unitsPerMeter[0], (worldPosition[1] - centerY) / unitsPerMeter[1]];
|
|
247
|
-
});
|
|
248
|
-
this.setState({
|
|
249
|
-
centerHex: hex,
|
|
250
|
-
vertices: vertices
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
}, {
|
|
254
|
-
key: "renderLayers",
|
|
255
|
-
value: function renderLayers() {
|
|
256
|
-
return this._shouldUseHighPrecision() ? this._renderPolygonLayer() : this._renderColumnLayer();
|
|
257
|
-
}
|
|
258
|
-
}, {
|
|
259
|
-
key: "_getForwardProps",
|
|
260
|
-
value: function _getForwardProps() {
|
|
261
|
-
var _this$props = this.props,
|
|
262
|
-
elevationScale = _this$props.elevationScale,
|
|
263
|
-
material = _this$props.material,
|
|
264
|
-
coverage = _this$props.coverage,
|
|
265
|
-
extruded = _this$props.extruded,
|
|
266
|
-
wireframe = _this$props.wireframe,
|
|
267
|
-
stroked = _this$props.stroked,
|
|
268
|
-
filled = _this$props.filled,
|
|
269
|
-
lineWidthUnits = _this$props.lineWidthUnits,
|
|
270
|
-
lineWidthScale = _this$props.lineWidthScale,
|
|
271
|
-
lineWidthMinPixels = _this$props.lineWidthMinPixels,
|
|
272
|
-
lineWidthMaxPixels = _this$props.lineWidthMaxPixels,
|
|
273
|
-
getFillColor = _this$props.getFillColor,
|
|
274
|
-
getElevation = _this$props.getElevation,
|
|
275
|
-
getLineColor = _this$props.getLineColor,
|
|
276
|
-
getLineWidth = _this$props.getLineWidth,
|
|
277
|
-
transitions = _this$props.transitions,
|
|
278
|
-
updateTriggers = _this$props.updateTriggers;
|
|
279
|
-
return {
|
|
280
|
-
elevationScale: elevationScale,
|
|
281
|
-
extruded: extruded,
|
|
282
|
-
coverage: coverage,
|
|
283
|
-
wireframe: wireframe,
|
|
284
|
-
stroked: stroked,
|
|
285
|
-
filled: filled,
|
|
286
|
-
lineWidthUnits: lineWidthUnits,
|
|
287
|
-
lineWidthScale: lineWidthScale,
|
|
288
|
-
lineWidthMinPixels: lineWidthMinPixels,
|
|
289
|
-
lineWidthMaxPixels: lineWidthMaxPixels,
|
|
290
|
-
material: material,
|
|
291
|
-
getElevation: getElevation,
|
|
292
|
-
getFillColor: getFillColor,
|
|
293
|
-
getLineColor: getLineColor,
|
|
294
|
-
getLineWidth: getLineWidth,
|
|
295
|
-
transitions: transitions,
|
|
296
|
-
updateTriggers: {
|
|
297
|
-
getFillColor: updateTriggers.getFillColor,
|
|
298
|
-
getElevation: updateTriggers.getElevation,
|
|
299
|
-
getLineColor: updateTriggers.getLineColor,
|
|
300
|
-
getLineWidth: updateTriggers.getLineWidth
|
|
301
|
-
}
|
|
302
|
-
};
|
|
303
|
-
}
|
|
304
|
-
}, {
|
|
305
|
-
key: "_renderPolygonLayer",
|
|
306
|
-
value: function _renderPolygonLayer() {
|
|
307
|
-
var _this$props2 = this.props,
|
|
308
|
-
data = _this$props2.data,
|
|
309
|
-
getHexagon = _this$props2.getHexagon,
|
|
310
|
-
updateTriggers = _this$props2.updateTriggers,
|
|
311
|
-
coverage = _this$props2.coverage;
|
|
312
|
-
var SubLayerClass = this.getSubLayerClass('hexagon-cell-hifi', _layers.PolygonLayer);
|
|
313
|
-
|
|
314
|
-
var forwardProps = this._getForwardProps();
|
|
315
|
-
|
|
316
|
-
forwardProps.updateTriggers.getPolygon = mergeTriggers(updateTriggers.getHexagon, coverage);
|
|
317
|
-
return new SubLayerClass(forwardProps, this.getSubLayerProps({
|
|
318
|
-
id: 'hexagon-cell-hifi',
|
|
319
|
-
updateTriggers: forwardProps.updateTriggers
|
|
320
|
-
}), {
|
|
321
|
-
data: data,
|
|
322
|
-
_normalize: false,
|
|
323
|
-
_windingOrder: 'CCW',
|
|
324
|
-
positionFormat: 'XY',
|
|
325
|
-
getPolygon: function getPolygon(object, objectInfo) {
|
|
326
|
-
var hexagonId = getHexagon(object, objectInfo);
|
|
327
|
-
return (0, _h3Utils.flattenPolygon)((0, _h3Utils.h3ToPolygon)(hexagonId, coverage));
|
|
328
|
-
}
|
|
329
|
-
});
|
|
330
|
-
}
|
|
331
|
-
}, {
|
|
332
|
-
key: "_renderColumnLayer",
|
|
333
|
-
value: function _renderColumnLayer() {
|
|
334
|
-
var _this$props3 = this.props,
|
|
335
|
-
data = _this$props3.data,
|
|
336
|
-
getHexagon = _this$props3.getHexagon,
|
|
337
|
-
updateTriggers = _this$props3.updateTriggers;
|
|
338
|
-
var SubLayerClass = this.getSubLayerClass('hexagon-cell', _layers.ColumnLayer);
|
|
339
|
-
|
|
340
|
-
var forwardProps = this._getForwardProps();
|
|
341
|
-
|
|
342
|
-
forwardProps.updateTriggers.getPosition = updateTriggers.getHexagon;
|
|
343
|
-
return new SubLayerClass(forwardProps, this.getSubLayerProps({
|
|
344
|
-
id: 'hexagon-cell',
|
|
345
|
-
flatShading: true,
|
|
346
|
-
updateTriggers: forwardProps.updateTriggers
|
|
347
|
-
}), {
|
|
348
|
-
data: data,
|
|
349
|
-
diskResolution: 6,
|
|
350
|
-
radius: 1,
|
|
351
|
-
vertices: this.state.vertices,
|
|
352
|
-
getPosition: _h3Utils.getHexagonCentroid.bind(null, getHexagon)
|
|
353
|
-
});
|
|
354
|
-
}
|
|
355
|
-
}]);
|
|
356
343
|
return H3HexagonLayer;
|
|
357
344
|
}(_core.CompositeLayer);
|
|
358
345
|
|
|
359
346
|
exports.default = H3HexagonLayer;
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
347
|
+
H3HexagonLayer.defaultProps = defaultProps;
|
|
348
|
+
H3HexagonLayer.layerName = 'H3HexagonLayer';
|
|
349
|
+
|
|
350
|
+
H3HexagonLayer._checkH3Lib = function () {};
|
|
363
351
|
//# sourceMappingURL=h3-hexagon-layer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/h3-layers/h3-hexagon-layer.ts"],"names":["UPDATE_THRESHOLD_KM","mergeTriggers","getHexagon","coverage","trigger","undefined","defaultProps","PolygonLayer","highPrecision","type","min","max","value","centerHexagon","x","hexagon","extruded","H3HexagonLayer","_checkH3Lib","state","edgeLengthKM","resolution","changeFlags","_shouldUseHighPrecision","propsOrDataChanged","somethingChanged","props","dataChanged","updateTriggersChanged","dataProps","_calculateH3DataProps","setState","_updateVertices","context","viewport","hasPentagon","hasMultipleRes","data","iterable","objectInfo","object","index","hexId","hexResolution","Boolean","centerHex","hex","latitude","longitude","distance","unitsPerMeter","distanceScales","vertices","centerLat","centerLng","projectFlat","centerX","centerY","map","p","worldPosition","_renderPolygonLayer","_renderColumnLayer","elevationScale","material","wireframe","stroked","filled","lineWidthUnits","lineWidthScale","lineWidthMinPixels","lineWidthMaxPixels","getFillColor","getElevation","getLineColor","getLineWidth","transitions","updateTriggers","SubLayerClass","getSubLayerClass","forwardProps","_getForwardProps","getPolygon","getSubLayerProps","id","_normalize","_windingOrder","positionFormat","hexagonId","ColumnLayer","getPosition","flatShading","diskResolution","radius","getHexagonCentroid","bind","CompositeLayer"],"mappings":"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","sourcesContent":["import {\n getResolution,\n cellToLatLng,\n latLngToCell,\n isPentagon,\n gridDistance,\n getHexagonEdgeLengthAvg,\n H3Index\n} from 'h3-js';\nimport {\n AccessorFunction,\n CompositeLayer,\n createIterable,\n Layer,\n LayersList,\n UpdateParameters,\n WebMercatorViewport,\n DefaultProps\n} from '@deck.gl/core';\nimport {ColumnLayer, PolygonLayer, PolygonLayerProps} from '@deck.gl/layers';\nimport {flattenPolygon, getHexagonCentroid, h3ToPolygon} from './h3-utils';\n\n// There is a cost to updating the instanced geometries when using highPrecision: false\n// This constant defines the distance between two hexagons that leads to \"significant\n// distortion.\" Smaller value makes the column layer more sensitive to viewport change.\nconst UPDATE_THRESHOLD_KM = 10;\n\nfunction mergeTriggers(getHexagon, coverage) {\n let trigger;\n if (getHexagon === undefined || getHexagon === null) {\n trigger = coverage;\n } else if (typeof getHexagon === 'object') {\n trigger = {...getHexagon, coverage};\n } else {\n trigger = {getHexagon, coverage};\n }\n return trigger;\n}\n\nconst defaultProps: DefaultProps<H3HexagonLayerProps> = {\n ...PolygonLayer.defaultProps,\n highPrecision: 'auto',\n coverage: {type: 'number', min: 0, max: 1, value: 1},\n centerHexagon: null,\n getHexagon: {type: 'accessor', value: x => x.hexagon},\n extruded: true\n};\n\n/** All properties supported by H3HexagonLayer */\nexport type H3HexagonLayerProps<DataT = any> = _H3HexagonLayerProps<DataT> &\n PolygonLayerProps<DataT>;\n\n/** Props added by the H3HexagonLayer */\ntype _H3HexagonLayerProps<DataT> = {\n /**\n * Whether or not draw hexagons with high precision.\n * @default 'auto'\n */\n highPrecision?: boolean | 'auto';\n /**\n * Coverage of hexagon in cell.\n * @default 1\n */\n coverage?: number;\n /**\n * Center hexagon that best represents the shape of the set. If not specified, the hexagon closest to the center of the viewport is used.\n */\n centerHexagon?: H3Index | null;\n /**\n * Called for each data object to retrieve the quadkey string identifier.\n *\n * By default, it reads `hexagon` property of data object.\n */\n getHexagon?: AccessorFunction<DataT, string>;\n /**\n * Whether to extrude polygons.\n * @default true\n */\n extruded?: boolean;\n};\n\n/**\n * Render hexagons from the [H3](https://h3geo.org/) geospatial indexing system.\n */\nexport default class H3HexagonLayer<\n DataT = any,\n ExtraPropsT extends {} = {}\n> extends CompositeLayer<ExtraPropsT & Required<H3HexagonLayerProps<DataT>>> {\n static defaultProps = defaultProps;\n static layerName = 'H3HexagonLayer';\n\n // See `main/bundle.ts`\n static _checkH3Lib = () => {};\n\n initializeState() {\n H3HexagonLayer._checkH3Lib();\n this.state = {\n edgeLengthKM: 0,\n resolution: -1\n };\n }\n\n state!: {\n centerHex?: H3Index;\n edgeLengthKM: number;\n hasMultipleRes?: boolean;\n hasPentagon?: boolean;\n resolution: number;\n vertices?: number[][];\n };\n\n shouldUpdateState({changeFlags}: UpdateParameters<this>): boolean {\n return this._shouldUseHighPrecision()\n ? changeFlags.propsOrDataChanged\n : changeFlags.somethingChanged;\n }\n\n updateState({props, changeFlags}: UpdateParameters<this>): void {\n if (\n props.highPrecision !== true &&\n (changeFlags.dataChanged ||\n (changeFlags.updateTriggersChanged && changeFlags.updateTriggersChanged.getHexagon))\n ) {\n const dataProps = this._calculateH3DataProps();\n this.setState(dataProps);\n }\n\n this._updateVertices(this.context.viewport as WebMercatorViewport);\n }\n\n private _calculateH3DataProps() {\n let resolution = -1;\n let hasPentagon = false;\n let hasMultipleRes = false;\n\n const {iterable, objectInfo} = createIterable(this.props.data);\n for (const object of iterable) {\n objectInfo.index++;\n const hexId = this.props.getHexagon(object, objectInfo);\n // Take the resolution of the first hex\n const hexResolution = getResolution(hexId);\n if (resolution < 0) {\n resolution = hexResolution;\n if (!this.props.highPrecision) break;\n } else if (resolution !== hexResolution) {\n hasMultipleRes = true;\n break;\n }\n if (isPentagon(hexId)) {\n hasPentagon = true;\n break;\n }\n }\n\n return {\n resolution,\n edgeLengthKM: resolution >= 0 ? getHexagonEdgeLengthAvg(resolution, 'km') : 0,\n hasMultipleRes,\n hasPentagon\n };\n }\n\n private _shouldUseHighPrecision(): boolean {\n if (this.props.highPrecision === 'auto') {\n const {resolution, hasPentagon, hasMultipleRes} = this.state;\n const {viewport} = this.context;\n return (\n Boolean(viewport?.resolution) ||\n hasMultipleRes ||\n hasPentagon ||\n (resolution >= 0 && resolution <= 5)\n );\n }\n\n return this.props.highPrecision;\n }\n\n private _updateVertices(viewport: WebMercatorViewport): void {\n if (this._shouldUseHighPrecision()) {\n return;\n }\n const {resolution, edgeLengthKM, centerHex} = this.state;\n if (resolution < 0) {\n return;\n }\n const hex =\n this.props.centerHexagon || latLngToCell(viewport.latitude, viewport.longitude, resolution);\n if (centerHex === hex) {\n return;\n }\n if (centerHex) {\n try {\n const distance = gridDistance(centerHex, hex);\n if (distance * edgeLengthKM < UPDATE_THRESHOLD_KM) {\n return;\n }\n } catch {\n // gridDistance throws if the distance could not be computed\n // due to the two indexes very far apart or on opposite sides of a pentagon.\n }\n }\n\n const {unitsPerMeter} = viewport.distanceScales;\n\n let vertices = h3ToPolygon(hex);\n const [centerLat, centerLng] = cellToLatLng(hex);\n\n const [centerX, centerY] = viewport.projectFlat([centerLng, centerLat]);\n vertices = vertices.map(p => {\n const worldPosition = viewport.projectFlat(p);\n return [\n (worldPosition[0] - centerX) / unitsPerMeter[0],\n (worldPosition[1] - centerY) / unitsPerMeter[1]\n ];\n });\n\n this.setState({centerHex: hex, vertices});\n }\n\n renderLayers(): Layer | null | LayersList {\n return this._shouldUseHighPrecision() ? this._renderPolygonLayer() : this._renderColumnLayer();\n }\n\n private _getForwardProps() {\n const {\n elevationScale,\n material,\n coverage,\n extruded,\n wireframe,\n stroked,\n filled,\n lineWidthUnits,\n lineWidthScale,\n lineWidthMinPixels,\n lineWidthMaxPixels,\n getFillColor,\n getElevation,\n getLineColor,\n getLineWidth,\n transitions,\n updateTriggers\n } = this.props;\n\n return {\n elevationScale,\n extruded,\n coverage,\n wireframe,\n stroked,\n filled,\n lineWidthUnits,\n lineWidthScale,\n lineWidthMinPixels,\n lineWidthMaxPixels,\n material,\n getElevation,\n getFillColor,\n getLineColor,\n getLineWidth,\n transitions,\n updateTriggers: {\n getFillColor: updateTriggers.getFillColor,\n getElevation: updateTriggers.getElevation,\n getLineColor: updateTriggers.getLineColor,\n getLineWidth: updateTriggers.getLineWidth\n } as {\n getFillColor: any;\n getElevation: any;\n getLineColor: any;\n getLineWidth: any;\n getPolygon?: any;\n getPosition?: any;\n }\n };\n }\n\n private _renderPolygonLayer(): PolygonLayer {\n const {data, getHexagon, updateTriggers, coverage} = this.props;\n\n const SubLayerClass = this.getSubLayerClass('hexagon-cell-hifi', PolygonLayer);\n const forwardProps = this._getForwardProps();\n forwardProps.updateTriggers.getPolygon = mergeTriggers(updateTriggers.getHexagon, coverage);\n\n return new SubLayerClass(\n forwardProps,\n this.getSubLayerProps({\n id: 'hexagon-cell-hifi',\n updateTriggers: forwardProps.updateTriggers\n }),\n {\n data,\n _normalize: false,\n _windingOrder: 'CCW',\n positionFormat: 'XY',\n getPolygon: (object, objectInfo) => {\n const hexagonId = getHexagon(object, objectInfo);\n return flattenPolygon(h3ToPolygon(hexagonId, coverage));\n }\n }\n );\n }\n\n private _renderColumnLayer(): ColumnLayer {\n const {data, getHexagon, updateTriggers} = this.props;\n\n const SubLayerClass = this.getSubLayerClass('hexagon-cell', ColumnLayer);\n const forwardProps = this._getForwardProps();\n forwardProps.updateTriggers.getPosition = updateTriggers.getHexagon;\n\n return new SubLayerClass(\n forwardProps,\n this.getSubLayerProps({\n id: 'hexagon-cell',\n flatShading: true,\n updateTriggers: forwardProps.updateTriggers\n }),\n {\n data,\n diskResolution: 6, // generate an extruded hexagon as the base geometry\n radius: 1,\n vertices: this.state.vertices,\n getPosition: getHexagonCentroid.bind(null, getHexagon)\n }\n );\n }\n}\n"],"file":"h3-hexagon-layer.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/h3-layers/h3-hexagon-layer.ts"],"names":["UPDATE_THRESHOLD_KM","mergeTriggers","getHexagon","coverage","trigger","undefined","defaultProps","PolygonLayer","highPrecision","type","min","max","value","centerHexagon","x","hexagon","extruded","H3HexagonLayer","state","initializeState","_checkH3Lib","edgeLengthKM","resolution","shouldUpdateState","changeFlags","_shouldUseHighPrecision","propsOrDataChanged","somethingChanged","updateState","props","dataChanged","updateTriggersChanged","dataProps","_calculateH3DataProps","setState","_updateVertices","context","viewport","hasPentagon","hasMultipleRes","data","iterable","objectInfo","object","index","hexId","hexResolution","Boolean","centerHex","hex","latitude","longitude","distance","unitsPerMeter","distanceScales","vertices","centerLat","centerLng","projectFlat","centerX","centerY","map","p","worldPosition","renderLayers","_renderPolygonLayer","_renderColumnLayer","_getForwardProps","elevationScale","material","wireframe","stroked","filled","lineWidthUnits","lineWidthScale","lineWidthMinPixels","lineWidthMaxPixels","getFillColor","getElevation","getLineColor","getLineWidth","transitions","updateTriggers","SubLayerClass","getSubLayerClass","forwardProps","getPolygon","getSubLayerProps","id","_normalize","_windingOrder","positionFormat","hexagonId","ColumnLayer","getPosition","flatShading","diskResolution","radius","getHexagonCentroid","bind","CompositeLayer","layerName"],"mappings":"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","sourcesContent":["import {\n getResolution,\n cellToLatLng,\n latLngToCell,\n isPentagon,\n gridDistance,\n getHexagonEdgeLengthAvg,\n H3Index\n} from 'h3-js';\nimport {\n AccessorFunction,\n CompositeLayer,\n createIterable,\n Layer,\n LayersList,\n UpdateParameters,\n WebMercatorViewport,\n DefaultProps\n} from '@deck.gl/core';\nimport {ColumnLayer, PolygonLayer, PolygonLayerProps} from '@deck.gl/layers';\nimport {flattenPolygon, getHexagonCentroid, h3ToPolygon} from './h3-utils';\n\n// There is a cost to updating the instanced geometries when using highPrecision: false\n// This constant defines the distance between two hexagons that leads to \"significant\n// distortion.\" Smaller value makes the column layer more sensitive to viewport change.\nconst UPDATE_THRESHOLD_KM = 10;\n\nfunction mergeTriggers(getHexagon, coverage) {\n let trigger;\n if (getHexagon === undefined || getHexagon === null) {\n trigger = coverage;\n } else if (typeof getHexagon === 'object') {\n trigger = {...getHexagon, coverage};\n } else {\n trigger = {getHexagon, coverage};\n }\n return trigger;\n}\n\nconst defaultProps: DefaultProps<H3HexagonLayerProps> = {\n ...PolygonLayer.defaultProps,\n highPrecision: 'auto',\n coverage: {type: 'number', min: 0, max: 1, value: 1},\n centerHexagon: null,\n getHexagon: {type: 'accessor', value: x => x.hexagon},\n extruded: true\n};\n\n/** All properties supported by H3HexagonLayer */\nexport type H3HexagonLayerProps<DataT = any> = _H3HexagonLayerProps<DataT> &\n PolygonLayerProps<DataT>;\n\n/** Props added by the H3HexagonLayer */\ntype _H3HexagonLayerProps<DataT> = {\n /**\n * Whether or not draw hexagons with high precision.\n * @default 'auto'\n */\n highPrecision?: boolean | 'auto';\n /**\n * Coverage of hexagon in cell.\n * @default 1\n */\n coverage?: number;\n /**\n * Center hexagon that best represents the shape of the set. If not specified, the hexagon closest to the center of the viewport is used.\n */\n centerHexagon?: H3Index | null;\n /**\n * Called for each data object to retrieve the quadkey string identifier.\n *\n * By default, it reads `hexagon` property of data object.\n */\n getHexagon?: AccessorFunction<DataT, string>;\n /**\n * Whether to extrude polygons.\n * @default true\n */\n extruded?: boolean;\n};\n\n/**\n * Render hexagons from the [H3](https://h3geo.org/) geospatial indexing system.\n */\nexport default class H3HexagonLayer<\n DataT = any,\n ExtraPropsT extends {} = {}\n> extends CompositeLayer<ExtraPropsT & Required<H3HexagonLayerProps<DataT>>> {\n static defaultProps = defaultProps;\n static layerName = 'H3HexagonLayer';\n\n // See `main/bundle.ts`\n static _checkH3Lib = () => {};\n\n initializeState() {\n H3HexagonLayer._checkH3Lib();\n this.state = {\n edgeLengthKM: 0,\n resolution: -1\n };\n }\n\n state!: {\n centerHex?: H3Index;\n edgeLengthKM: number;\n hasMultipleRes?: boolean;\n hasPentagon?: boolean;\n resolution: number;\n vertices?: number[][];\n };\n\n shouldUpdateState({changeFlags}: UpdateParameters<this>): boolean {\n return this._shouldUseHighPrecision()\n ? changeFlags.propsOrDataChanged\n : changeFlags.somethingChanged;\n }\n\n updateState({props, changeFlags}: UpdateParameters<this>): void {\n if (\n props.highPrecision !== true &&\n (changeFlags.dataChanged ||\n (changeFlags.updateTriggersChanged && changeFlags.updateTriggersChanged.getHexagon))\n ) {\n const dataProps = this._calculateH3DataProps();\n this.setState(dataProps);\n }\n\n this._updateVertices(this.context.viewport as WebMercatorViewport);\n }\n\n private _calculateH3DataProps() {\n let resolution = -1;\n let hasPentagon = false;\n let hasMultipleRes = false;\n\n const {iterable, objectInfo} = createIterable(this.props.data);\n for (const object of iterable) {\n objectInfo.index++;\n const hexId = this.props.getHexagon(object, objectInfo);\n // Take the resolution of the first hex\n const hexResolution = getResolution(hexId);\n if (resolution < 0) {\n resolution = hexResolution;\n if (!this.props.highPrecision) break;\n } else if (resolution !== hexResolution) {\n hasMultipleRes = true;\n break;\n }\n if (isPentagon(hexId)) {\n hasPentagon = true;\n break;\n }\n }\n\n return {\n resolution,\n edgeLengthKM: resolution >= 0 ? getHexagonEdgeLengthAvg(resolution, 'km') : 0,\n hasMultipleRes,\n hasPentagon\n };\n }\n\n private _shouldUseHighPrecision(): boolean {\n if (this.props.highPrecision === 'auto') {\n const {resolution, hasPentagon, hasMultipleRes} = this.state;\n const {viewport} = this.context;\n return (\n Boolean(viewport?.resolution) ||\n hasMultipleRes ||\n hasPentagon ||\n (resolution >= 0 && resolution <= 5)\n );\n }\n\n return this.props.highPrecision;\n }\n\n private _updateVertices(viewport: WebMercatorViewport): void {\n if (this._shouldUseHighPrecision()) {\n return;\n }\n const {resolution, edgeLengthKM, centerHex} = this.state;\n if (resolution < 0) {\n return;\n }\n const hex =\n this.props.centerHexagon || latLngToCell(viewport.latitude, viewport.longitude, resolution);\n if (centerHex === hex) {\n return;\n }\n if (centerHex) {\n try {\n const distance = gridDistance(centerHex, hex);\n if (distance * edgeLengthKM < UPDATE_THRESHOLD_KM) {\n return;\n }\n } catch {\n // gridDistance throws if the distance could not be computed\n // due to the two indexes very far apart or on opposite sides of a pentagon.\n }\n }\n\n const {unitsPerMeter} = viewport.distanceScales;\n\n let vertices = h3ToPolygon(hex);\n const [centerLat, centerLng] = cellToLatLng(hex);\n\n const [centerX, centerY] = viewport.projectFlat([centerLng, centerLat]);\n vertices = vertices.map(p => {\n const worldPosition = viewport.projectFlat(p);\n return [\n (worldPosition[0] - centerX) / unitsPerMeter[0],\n (worldPosition[1] - centerY) / unitsPerMeter[1]\n ];\n });\n\n this.setState({centerHex: hex, vertices});\n }\n\n renderLayers(): Layer | null | LayersList {\n return this._shouldUseHighPrecision() ? this._renderPolygonLayer() : this._renderColumnLayer();\n }\n\n private _getForwardProps() {\n const {\n elevationScale,\n material,\n coverage,\n extruded,\n wireframe,\n stroked,\n filled,\n lineWidthUnits,\n lineWidthScale,\n lineWidthMinPixels,\n lineWidthMaxPixels,\n getFillColor,\n getElevation,\n getLineColor,\n getLineWidth,\n transitions,\n updateTriggers\n } = this.props;\n\n return {\n elevationScale,\n extruded,\n coverage,\n wireframe,\n stroked,\n filled,\n lineWidthUnits,\n lineWidthScale,\n lineWidthMinPixels,\n lineWidthMaxPixels,\n material,\n getElevation,\n getFillColor,\n getLineColor,\n getLineWidth,\n transitions,\n updateTriggers: {\n getFillColor: updateTriggers.getFillColor,\n getElevation: updateTriggers.getElevation,\n getLineColor: updateTriggers.getLineColor,\n getLineWidth: updateTriggers.getLineWidth\n } as {\n getFillColor: any;\n getElevation: any;\n getLineColor: any;\n getLineWidth: any;\n getPolygon?: any;\n getPosition?: any;\n }\n };\n }\n\n private _renderPolygonLayer(): PolygonLayer {\n const {data, getHexagon, updateTriggers, coverage} = this.props;\n\n const SubLayerClass = this.getSubLayerClass('hexagon-cell-hifi', PolygonLayer);\n const forwardProps = this._getForwardProps();\n forwardProps.updateTriggers.getPolygon = mergeTriggers(updateTriggers.getHexagon, coverage);\n\n return new SubLayerClass(\n forwardProps,\n this.getSubLayerProps({\n id: 'hexagon-cell-hifi',\n updateTriggers: forwardProps.updateTriggers\n }),\n {\n data,\n _normalize: false,\n _windingOrder: 'CCW',\n positionFormat: 'XY',\n getPolygon: (object, objectInfo) => {\n const hexagonId = getHexagon(object, objectInfo);\n return flattenPolygon(h3ToPolygon(hexagonId, coverage));\n }\n }\n );\n }\n\n private _renderColumnLayer(): ColumnLayer {\n const {data, getHexagon, updateTriggers} = this.props;\n\n const SubLayerClass = this.getSubLayerClass('hexagon-cell', ColumnLayer);\n const forwardProps = this._getForwardProps();\n forwardProps.updateTriggers.getPosition = updateTriggers.getHexagon;\n\n return new SubLayerClass(\n forwardProps,\n this.getSubLayerProps({\n id: 'hexagon-cell',\n flatShading: true,\n updateTriggers: forwardProps.updateTriggers\n }),\n {\n data,\n diskResolution: 6, // generate an extruded hexagon as the base geometry\n radius: 1,\n vertices: this.state.vertices,\n getPosition: getHexagonCentroid.bind(null, getHexagon)\n }\n );\n }\n}\n"],"file":"h3-hexagon-layer.js"}
|
package/dist/es5/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAqBA","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n/* eslint-disable max-len */\n\nexport {WMSLayer as _WMSLayer} from './wms-layer/wms-layer';\nexport {default as GreatCircleLayer} from './great-circle-layer/great-circle-layer';\nexport {default as S2Layer} from './s2-layer/s2-layer';\nexport {default as QuadkeyLayer} from './quadkey-layer/quadkey-layer';\nexport {default as TileLayer} from './tile-layer/tile-layer';\nexport {default as TripsLayer} from './trips-layer/trips-layer';\nexport {default as H3ClusterLayer} from './h3-layers/h3-cluster-layer';\nexport {default as H3HexagonLayer} from './h3-layers/h3-hexagon-layer';\nexport {default as Tile3DLayer} from './tile-3d-layer/tile-3d-layer';\nexport {default as TerrainLayer} from './terrain-layer/terrain-layer';\nexport {default as MVTLayer} from './mvt-layer/mvt-layer';\nexport {default as GeohashLayer} from './geohash-layer/geohash-layer';\n\nexport {default as _GeoCellLayer} from './geo-cell-layer/GeoCellLayer';\n\n// Types\nexport type {WMSLayerProps} from './wms-layer/wms-layer';\nexport type {H3ClusterLayerProps} from './h3-layers/h3-cluster-layer';\nexport type {H3HexagonLayerProps} from './h3-layers/h3-hexagon-layer';\nexport type {GreatCircleLayerProps} from './great-circle-layer/great-circle-layer';\nexport type {S2LayerProps} from './s2-layer/s2-layer';\nexport type {TileLayerProps} from './tile-layer/tile-layer';\nexport type {TripsLayerProps} from './trips-layer/trips-layer';\nexport type {QuadkeyLayerProps} from './quadkey-layer/quadkey-layer';\nexport type {TerrainLayerProps} from './terrain-layer/terrain-layer';\nexport type {Tile3DLayerProps} from './tile-3d-layer/tile-3d-layer';\nexport type {MVTLayerProps} from './mvt-layer/mvt-layer';\nexport type {GeoCellLayerProps as _GeoCellLayerProps} from './geo-cell-layer/GeoCellLayer';\n\n// Tileset2D\n\nexport type {GeoBoundingBox, NonGeoBoundingBox} from './tileset-2d';\nexport type {TileLoadProps as _TileLoadProps} from './tileset-2d';\n\nexport {getURLFromTemplate as _getURLFromTemplate} from './tileset-2d';\nexport {Tileset2D as _Tileset2D} from './tileset-2d';\nexport {Tile2DHeader as _Tile2DHeader} from './tileset-2d';\n"],"file":"index.js"}
|