@deck.gl/geo-layers 8.7.0-beta.6 → 8.7.0-beta.7

package/dist/dist.dev.js

@@ -7,7 +7,7 @@
 		exports["deck"] = factory(require("deck"), require("luma"), require("h3"));
 	else
 		root["deck"] = factory(root["deck"], root["luma"], root["h3"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE__deck_gl_layers__, __WEBPACK_EXTERNAL_MODULE__luma_gl_core__, __WEBPACK_EXTERNAL_MODULE_h3_js__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__deck_gl_core__, __WEBPACK_EXTERNAL_MODULE__luma_gl_core__, __WEBPACK_EXTERNAL_MODULE_h3_js__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -63372,7 +63372,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const VERSION =  true ? "8.7.0-beta.6" : undefined;
+const VERSION =  true ? "8.7.0-beta.7" : undefined;
 const isBrowser = Object(_env_is_browser__WEBPACK_IMPORTED_MODULE_0__["default"])();
 //# sourceMappingURL=globals.js.map
 
@@ -63795,6 +63795,92 @@ module.exports = Object.assign(deck, deckGLLayers);
 
 /***/ }),
 
+/***/ "./src/geo-cell-layer/GeoCellLayer.js":
+/*!********************************************!*\
+  !*** ./src/geo-cell-layer/GeoCellLayer.js ***!
+  \********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return GeoCellLayer; });
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
+
+
+const defaultProps = { ..._deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["PolygonLayer"].defaultProps
+};
+class GeoCellLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLayer"] {
+  // Implement to generate props to create geometry
+  indexToBounds() {
+    return null;
+  }
+
+  renderLayers() {
+    // Rendering props underlying layer
+    const {
+      elevationScale,
+      extruded,
+      wireframe,
+      filled,
+      stroked,
+      lineWidthUnits,
+      lineWidthScale,
+      lineWidthMinPixels,
+      lineWidthMaxPixels,
+      lineJointRounded,
+      lineMiterLimit,
+      lineDashJustified,
+      getElevation,
+      getFillColor,
+      getLineColor,
+      getLineWidth
+    } = this.props; // Accessor props for underlying layers
+
+    const {
+      updateTriggers,
+      material,
+      transitions
+    } = this.props; // Filled Polygon Layer
+
+    const CellLayer = this.getSubLayerClass('cell', _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["PolygonLayer"]);
+    return new CellLayer({
+      filled,
+      wireframe,
+      extruded,
+      elevationScale,
+      stroked,
+      lineWidthUnits,
+      lineWidthScale,
+      lineWidthMinPixels,
+      lineWidthMaxPixels,
+      lineJointRounded,
+      lineMiterLimit,
+      lineDashJustified,
+      material,
+      transitions,
+      getElevation,
+      getFillColor,
+      getLineColor,
+      getLineWidth
+    }, this.getSubLayerProps({
+      id: 'cell',
+      updateTriggers: {
+        getElevation: updateTriggers.getElevation,
+        getFillColor: updateTriggers.getFillColor,
+        getLineColor: updateTriggers.getLineColor,
+        getLineWidth: updateTriggers.getLineWidth
+      }
+    }), this.indexToBounds());
+  }
+
+}
+GeoCellLayer.layerName = 'GeoCellLayer';
+GeoCellLayer.defaultProps = defaultProps;
+
+/***/ }),
+
 /***/ "./src/great-circle-layer/great-circle-layer.js":
 /*!******************************************************!*\
   !*** ./src/great-circle-layer/great-circle-layer.js ***!
@@ -63805,7 +63891,7 @@ module.exports = Object.assign(deck, deckGLLayers);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return GreatCircleLayer; });
-/* harmony import */ var _deck_gl_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/layers */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/layers */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_layers__WEBPACK_IMPORTED_MODULE_0__);
 // Copyright (c) 2015 - 2017 Uber Technologies, Inc.
 //
@@ -63853,18 +63939,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return H3ClusterLayer; });
 /* harmony import */ var h3_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! h3-js */ "h3-js");
 /* harmony import */ var h3_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(h3_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _geo_cell_layer_GeoCellLayer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../geo-cell-layer/GeoCellLayer */ "./src/geo-cell-layer/GeoCellLayer.js");
 
 
 
-const defaultProps = { ..._deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["PolygonLayer"].defaultProps,
+const defaultProps = {
   getHexagons: {
     type: 'accessor',
     value: d => d.hexagons
   }
 };
-class H3ClusterLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["CompositeLayer"] {
+class H3ClusterLayer extends _geo_cell_layer_GeoCellLayer__WEBPACK_IMPORTED_MODULE_2__["default"] {
   updateState({
     props,
     oldProps,
@@ -63899,55 +63986,11 @@ class H3ClusterLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["Composi
     }
   }
 
-  renderLayers() {
-    const {
-      elevationScale,
-      extruded,
-      wireframe,
-      filled,
-      stroked,
-      lineWidthScale,
-      lineWidthMinPixels,
-      lineWidthMaxPixels,
-      lineJointRounded,
-      lineMiterLimit,
-      lineDashJustified,
-      material,
-      getFillColor,
-      getLineColor,
-      getLineWidth,
-      getLineDashArray,
-      getElevation,
-      transitions,
-      updateTriggers
-    } = this.props;
-    const SubLayerClass = this.getSubLayerClass('cluster-region', _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["PolygonLayer"]);
-    return new SubLayerClass({
-      filled,
-      wireframe,
-      extruded,
-      elevationScale,
-      stroked,
-      lineWidthScale,
-      lineWidthMinPixels,
-      lineWidthMaxPixels,
-      lineJointRounded,
-      lineMiterLimit,
-      lineDashJustified,
-      material,
-      transitions,
-      getFillColor: this.getSubLayerAccessor(getFillColor),
-      getLineColor: this.getSubLayerAccessor(getLineColor),
-      getLineWidth: this.getSubLayerAccessor(getLineWidth),
-      getLineDashArray: this.getSubLayerAccessor(getLineDashArray),
-      getElevation: this.getSubLayerAccessor(getElevation)
-    }, this.getSubLayerProps({
-      id: 'cluster-region',
-      updateTriggers
-    }), {
+  indexToBounds() {
+    return {
       data: this.state.polygons,
       getPolygon: d => d.polygon
-    });
+    };
   }
 
 }
@@ -63971,7 +64014,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var h3_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! h3-js */ "h3-js");
 /* harmony import */ var h3_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(h3_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_2__);
 
 
@@ -64323,7 +64366,7 @@ H3HexagonLayer.layerName = 'H3HexagonLayer';
 /*!**********************!*\
   !*** ./src/index.ts ***!
   \**********************/
-/*! exports provided: GreatCircleLayer, S2Layer, TileLayer, TripsLayer, H3ClusterLayer, H3HexagonLayer, Tile3DLayer, TerrainLayer, MVTLayer, _getURLFromTemplate */
+/*! exports provided: GreatCircleLayer, S2Layer, QuadkeyLayer, TileLayer, TripsLayer, H3ClusterLayer, H3HexagonLayer, Tile3DLayer, TerrainLayer, MVTLayer, _getURLFromTemplate */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -64334,29 +64377,32 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _s2_layer_s2_layer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./s2-layer/s2-layer */ "./src/s2-layer/s2-layer.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "S2Layer", function() { return _s2_layer_s2_layer__WEBPACK_IMPORTED_MODULE_1__["default"]; });
 
-/* harmony import */ var _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tile-layer/tile-layer */ "./src/tile-layer/tile-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TileLayer", function() { return _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+/* harmony import */ var _quadkey_layer_quadkey_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./quadkey-layer/quadkey-layer */ "./src/quadkey-layer/quadkey-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuadkeyLayer", function() { return _quadkey_layer_quadkey_layer__WEBPACK_IMPORTED_MODULE_2__["default"]; });
 
-/* harmony import */ var _trips_layer_trips_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./trips-layer/trips-layer */ "./src/trips-layer/trips-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TripsLayer", function() { return _trips_layer_trips_layer__WEBPACK_IMPORTED_MODULE_3__["default"]; });
+/* harmony import */ var _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tile-layer/tile-layer */ "./src/tile-layer/tile-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TileLayer", function() { return _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_3__["default"]; });
 
-/* harmony import */ var _h3_layers_h3_cluster_layer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./h3-layers/h3-cluster-layer */ "./src/h3-layers/h3-cluster-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "H3ClusterLayer", function() { return _h3_layers_h3_cluster_layer__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+/* harmony import */ var _trips_layer_trips_layer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./trips-layer/trips-layer */ "./src/trips-layer/trips-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TripsLayer", function() { return _trips_layer_trips_layer__WEBPACK_IMPORTED_MODULE_4__["default"]; });
 
-/* harmony import */ var _h3_layers_h3_hexagon_layer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./h3-layers/h3-hexagon-layer */ "./src/h3-layers/h3-hexagon-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "H3HexagonLayer", function() { return _h3_layers_h3_hexagon_layer__WEBPACK_IMPORTED_MODULE_5__["default"]; });
+/* harmony import */ var _h3_layers_h3_cluster_layer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./h3-layers/h3-cluster-layer */ "./src/h3-layers/h3-cluster-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "H3ClusterLayer", function() { return _h3_layers_h3_cluster_layer__WEBPACK_IMPORTED_MODULE_5__["default"]; });
 
-/* harmony import */ var _tile_3d_layer_tile_3d_layer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tile-3d-layer/tile-3d-layer */ "./src/tile-3d-layer/tile-3d-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Tile3DLayer", function() { return _tile_3d_layer_tile_3d_layer__WEBPACK_IMPORTED_MODULE_6__["default"]; });
+/* harmony import */ var _h3_layers_h3_hexagon_layer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./h3-layers/h3-hexagon-layer */ "./src/h3-layers/h3-hexagon-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "H3HexagonLayer", function() { return _h3_layers_h3_hexagon_layer__WEBPACK_IMPORTED_MODULE_6__["default"]; });
 
-/* harmony import */ var _terrain_layer_terrain_layer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./terrain-layer/terrain-layer */ "./src/terrain-layer/terrain-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TerrainLayer", function() { return _terrain_layer_terrain_layer__WEBPACK_IMPORTED_MODULE_7__["default"]; });
+/* harmony import */ var _tile_3d_layer_tile_3d_layer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tile-3d-layer/tile-3d-layer */ "./src/tile-3d-layer/tile-3d-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Tile3DLayer", function() { return _tile_3d_layer_tile_3d_layer__WEBPACK_IMPORTED_MODULE_7__["default"]; });
 
-/* harmony import */ var _mvt_layer_mvt_layer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mvt-layer/mvt-layer */ "./src/mvt-layer/mvt-layer.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MVTLayer", function() { return _mvt_layer_mvt_layer__WEBPACK_IMPORTED_MODULE_8__["default"]; });
+/* harmony import */ var _terrain_layer_terrain_layer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./terrain-layer/terrain-layer */ "./src/terrain-layer/terrain-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TerrainLayer", function() { return _terrain_layer_terrain_layer__WEBPACK_IMPORTED_MODULE_8__["default"]; });
 
-/* harmony import */ var _tile_layer_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./tile-layer/utils */ "./src/tile-layer/utils.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_getURLFromTemplate", function() { return _tile_layer_utils__WEBPACK_IMPORTED_MODULE_9__["getURLFromTemplate"]; });
+/* harmony import */ var _mvt_layer_mvt_layer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mvt-layer/mvt-layer */ "./src/mvt-layer/mvt-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MVTLayer", function() { return _mvt_layer_mvt_layer__WEBPACK_IMPORTED_MODULE_9__["default"]; });
+
+/* harmony import */ var _tile_layer_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./tile-layer/utils */ "./src/tile-layer/utils.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_getURLFromTemplate", function() { return _tile_layer_utils__WEBPACK_IMPORTED_MODULE_10__["getURLFromTemplate"]; });
 
 // Copyright (c) 2015 - 2017 Uber Technologies, Inc.
 //
@@ -64390,6 +64436,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/mesh-layer/mesh-layer-fragment.glsl.js":
@@ -64565,7 +64612,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _luma_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @luma.gl/core */ "@luma.gl/core");
 /* harmony import */ var _luma_gl_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_luma_gl_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _luma_gl_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @luma.gl/constants */ "../../node_modules/@luma.gl/constants/dist/esm/index.js");
-/* harmony import */ var _deck_gl_mesh_layers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @deck.gl/mesh-layers */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_mesh_layers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @deck.gl/mesh-layers */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_mesh_layers__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_mesh_layers__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _mesh_layer_vertex_glsl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mesh-layer-vertex.glsl */ "./src/mesh-layer/mesh-layer-vertex.glsl.js");
 /* harmony import */ var _mesh_layer_fragment_glsl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mesh-layer-fragment.glsl */ "./src/mesh-layer/mesh-layer-fragment.glsl.js");
@@ -64939,7 +64986,7 @@ function findIndex(array, predicate, startIndex, endIndex) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return MVTLayer; });
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
 /* harmony import */ var _loaders_gl_mvt__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @loaders.gl/mvt */ "../../node_modules/@loaders.gl/mvt/dist/esm/index.js");
@@ -65373,6 +65420,84 @@ MVTLayer.defaultProps = defaultProps;
 
 /***/ }),
 
+/***/ "./src/quadkey-layer/quadkey-layer.js":
+/*!********************************************!*\
+  !*** ./src/quadkey-layer/quadkey-layer.js ***!
+  \********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return QuadkeyLayer; });
+/* harmony import */ var _geo_cell_layer_GeoCellLayer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../geo-cell-layer/GeoCellLayer */ "./src/geo-cell-layer/GeoCellLayer.js");
+/* harmony import */ var _quadkey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadkey-utils */ "./src/quadkey-layer/quadkey-utils.js");
+
+
+const defaultProps = {
+  getQuadkey: {
+    type: 'accessor',
+    value: d => d.quadkey
+  }
+};
+class QuadkeyLayer extends _geo_cell_layer_GeoCellLayer__WEBPACK_IMPORTED_MODULE_0__["default"] {
+  indexToBounds() {
+    const {
+      data,
+      getQuadkey
+    } = this.props;
+    return {
+      data,
+      _normalize: false,
+      positionFormat: 'XY',
+      getPolygon: (x, objectInfo) => Object(_quadkey_utils__WEBPACK_IMPORTED_MODULE_1__["getQuadkeyPolygon"])(getQuadkey(x, objectInfo))
+    };
+  }
+
+}
+QuadkeyLayer.layerName = 'QuadkeyLayer';
+QuadkeyLayer.defaultProps = defaultProps;
+
+/***/ }),
+
+/***/ "./src/quadkey-layer/quadkey-utils.js":
+/*!********************************************!*\
+  !*** ./src/quadkey-layer/quadkey-utils.js ***!
+  \********************************************/
+/*! exports provided: quadkeyToWorldBounds, getQuadkeyPolygon */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "quadkeyToWorldBounds", function() { return quadkeyToWorldBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getQuadkeyPolygon", function() { return getQuadkeyPolygon; });
+/* harmony import */ var _math_gl_web_mercator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/web-mercator */ "../../node_modules/@math.gl/web-mercator/dist/esm/index.js");
+
+const TILE_SIZE = 512;
+function quadkeyToWorldBounds(quadkey) {
+  let x = 0;
+  let y = 0;
+  let mask = 1 << quadkey.length;
+  const scale = mask / TILE_SIZE;
+
+  for (let i = 0; i < quadkey.length; i++) {
+    mask >>= 1;
+    const q = parseInt(quadkey[i]);
+    if (q % 2) x |= mask;
+    if (q > 1) y |= mask;
+  }
+
+  return [[x / scale, TILE_SIZE - y / scale], [(x + 0.99) / scale, TILE_SIZE - (y + 0.99) / scale]];
+}
+function getQuadkeyPolygon(quadkey) {
+  const [topLeft, bottomRight] = quadkeyToWorldBounds(quadkey);
+  const [w, n] = Object(_math_gl_web_mercator__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])(topLeft);
+  const [e, s] = Object(_math_gl_web_mercator__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])(bottomRight);
+  return [e, n, e, s, w, s, w, n, e, n];
+}
+
+/***/ }),
+
 /***/ "./src/s2-layer/s2-geometry.js":
 /*!*************************************!*\
   !*** ./src/s2-layer/s2-geometry.js ***!
@@ -65550,8 +65675,7 @@ function FromHilbertQuadKey(hilbertQuadkey) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return S2Layer; });
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _geo_cell_layer_GeoCellLayer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../geo-cell-layer/GeoCellLayer */ "./src/geo-cell-layer/GeoCellLayer.js");
 /* harmony import */ var _s2_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./s2-utils */ "./src/s2-layer/s2-utils.js");
 // Copyright (c) 2015 - 2017 Uber Technologies, Inc.
 //
@@ -65574,81 +65698,24 @@ __webpack_require__.r(__webpack_exports__);
 // THE SOFTWARE.
 
 
-
-const defaultProps = { ..._deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["PolygonLayer"].defaultProps,
+const defaultProps = {
   getS2Token: {
     type: 'accessor',
     value: d => d.token
   }
 };
-class S2Layer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLayer"] {
-  renderLayers() {
-    // Layer prop
+class S2Layer extends _geo_cell_layer_GeoCellLayer__WEBPACK_IMPORTED_MODULE_0__["default"] {
+  indexToBounds() {
     const {
       data,
       getS2Token
-    } = this.props; // Rendering props underlying layer
-
-    const {
-      elevationScale,
-      extruded,
-      wireframe,
-      filled,
-      stroked,
-      lineWidthUnits,
-      lineWidthScale,
-      lineWidthMinPixels,
-      lineWidthMaxPixels,
-      lineJointRounded,
-      lineMiterLimit,
-      lineDashJustified,
-      getElevation,
-      getFillColor,
-      getLineColor,
-      getLineWidth,
-      getLineDashArray
-    } = this.props; // Accessor props for underlying layers
-
-    const {
-      updateTriggers,
-      material
-    } = this.props; // Filled Polygon Layer
-
-    const CellLayer = this.getSubLayerClass('cell', _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["PolygonLayer"]);
-    return new CellLayer({
-      filled,
-      wireframe,
-      extruded,
-      elevationScale,
-      stroked,
-      lineWidthUnits,
-      lineWidthScale,
-      lineWidthMinPixels,
-      lineWidthMaxPixels,
-      lineJointRounded,
-      lineMiterLimit,
-      lineDashJustified,
-      material,
-      getElevation,
-      getFillColor,
-      getLineColor,
-      getLineWidth,
-      getLineDashArray
-    }, this.getSubLayerProps({
-      id: 'cell',
-      updateTriggers: {
-        getElevation: updateTriggers.getElevation,
-        getFillColor: updateTriggers.getFillColor,
-        getLineColor: updateTriggers.getLineColor,
-        getLineWidth: updateTriggers.getLineWidth,
-        getLineDashArray: updateTriggers.getLineDashArray
-      }
-    }), {
+    } = this.props;
+    return {
       data,
       _normalize: false,
       positionFormat: 'XY',
       getPolygon: (x, objectInfo) => Object(_s2_utils__WEBPACK_IMPORTED_MODULE_1__["getS2Polygon"])(getS2Token(x, objectInfo))
-    });
+    };
   }
 
 }
@@ -65783,7 +65850,7 @@ function getS2Polygon(token) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return TerrainLayer; });
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _loaders_gl_terrain__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @loaders.gl/terrain */ "../../node_modules/@loaders.gl/terrain/dist/esm/index.js");
 /* harmony import */ var _tile_layer_tile_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tile-layer/tile-layer */ "./src/tile-layer/tile-layer.js");
@@ -66116,7 +66183,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _luma_gl_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @luma.gl/constants */ "../../node_modules/@luma.gl/constants/dist/esm/index.js");
 /* harmony import */ var _luma_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @luma.gl/core */ "@luma.gl/core");
 /* harmony import */ var _luma_gl_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_luma_gl_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _mesh_layer_mesh_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mesh-layer/mesh-layer */ "./src/mesh-layer/mesh-layer.js");
 /* harmony import */ var _loaders_gl_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @loaders.gl/core */ "../../node_modules/@loaders.gl/core/dist/esm/index.js");
@@ -66578,7 +66645,7 @@ Tile3DLayer.defaultProps = defaultProps;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Tile2DHeader; });
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
 /* eslint-env browser */
 
@@ -66965,7 +67032,7 @@ function getOSMTileIndices(viewport, maxZ, zRange, bounds) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return TileLayer; });
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _tileset_2d__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tileset-2d */ "./src/tile-layer/tileset-2d.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/tile-layer/utils.js");
@@ -67841,10 +67908,10 @@ const urlType = {
 
 function transformBox(bbox, modelMatrix) {
   const transformedCoords = [// top-left
-  modelMatrix.transformPoint([bbox[0], bbox[1]]), // top-right
-  modelMatrix.transformPoint([bbox[2], bbox[1]]), // bottom-left
-  modelMatrix.transformPoint([bbox[0], bbox[3]]), // bottom-right
-  modelMatrix.transformPoint([bbox[2], bbox[3]])];
+  modelMatrix.transformAsPoint([bbox[0], bbox[1]]), // top-right
+  modelMatrix.transformAsPoint([bbox[2], bbox[1]]), // bottom-left
+  modelMatrix.transformAsPoint([bbox[0], bbox[3]]), // bottom-right
+  modelMatrix.transformAsPoint([bbox[2], bbox[3]])];
   const transformedBox = [// Minimum x coord
   Math.min(...transformedCoords.map(i => i[0])), // Minimum y coord
   Math.min(...transformedCoords.map(i => i[1])), // Max x coord
@@ -68031,7 +68098,7 @@ function isURLTemplate(s) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return TripsLayer; });
-/* harmony import */ var _deck_gl_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/layers */ "@deck.gl/layers");
+/* harmony import */ var _deck_gl_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/layers */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_layers__WEBPACK_IMPORTED_MODULE_0__);
 // Copyright (c) 2015 - 2017 Uber Technologies, Inc.
 //
@@ -68222,14 +68289,14 @@ TripsLayer.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ "@deck.gl/layers":
+/***/ "@deck.gl/core":
 /*!***********************!*\
   !*** external "deck" ***!
   \***********************/
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__deck_gl_layers__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__deck_gl_core__;
 
 /***/ }),