@deck.gl/geo-layers 8.7.0-beta.5 → 8.7.0

package/dist/dist.dev.js

@@ -63372,7 +63372,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const VERSION =  true ? "8.7.0-beta.5" : undefined;
+const VERSION =  true ? "8.7.0" : 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/layers");
+/* 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 ***!
@@ -63855,16 +63941,17 @@ __webpack_require__.r(__webpack_exports__);
 /* 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___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
-    });
+    };
   }
 
 }
@@ -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":
@@ -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))
-    });
+    };
   }
 
 }
@@ -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

package/dist/es5/geo-cell-layer/GeoCellLayer.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@deck.gl/core");
+
+var _layers = require("@deck.gl/layers");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var defaultProps = _objectSpread({}, _layers.PolygonLayer.defaultProps);
+
+var GeoCellLayer = function (_CompositeLayer) {
+  (0, _inherits2.default)(GeoCellLayer, _CompositeLayer);
+
+  var _super = _createSuper(GeoCellLayer);
+
+  function GeoCellLayer() {
+    (0, _classCallCheck2.default)(this, GeoCellLayer);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(GeoCellLayer, [{
+    key: "indexToBounds",
+    value: function indexToBounds() {
+      return null;
+    }
+  }, {
+    key: "renderLayers",
+    value: function renderLayers() {
+      var _this$props = this.props,
+          elevationScale = _this$props.elevationScale,
+          extruded = _this$props.extruded,
+          wireframe = _this$props.wireframe,
+          filled = _this$props.filled,
+          stroked = _this$props.stroked,
+          lineWidthUnits = _this$props.lineWidthUnits,
+          lineWidthScale = _this$props.lineWidthScale,
+          lineWidthMinPixels = _this$props.lineWidthMinPixels,
+          lineWidthMaxPixels = _this$props.lineWidthMaxPixels,
+          lineJointRounded = _this$props.lineJointRounded,
+          lineMiterLimit = _this$props.lineMiterLimit,
+          lineDashJustified = _this$props.lineDashJustified,
+          getElevation = _this$props.getElevation,
+          getFillColor = _this$props.getFillColor,
+          getLineColor = _this$props.getLineColor,
+          getLineWidth = _this$props.getLineWidth;
+      var _this$props2 = this.props,
+          updateTriggers = _this$props2.updateTriggers,
+          material = _this$props2.material,
+          transitions = _this$props2.transitions;
+      var CellLayer = this.getSubLayerClass('cell', _layers.PolygonLayer);
+      return new CellLayer({
+        filled: filled,
+        wireframe: wireframe,
+        extruded: extruded,
+        elevationScale: elevationScale,
+        stroked: stroked,
+        lineWidthUnits: lineWidthUnits,
+        lineWidthScale: lineWidthScale,
+        lineWidthMinPixels: lineWidthMinPixels,
+        lineWidthMaxPixels: lineWidthMaxPixels,
+        lineJointRounded: lineJointRounded,
+        lineMiterLimit: lineMiterLimit,
+        lineDashJustified: lineDashJustified,
+        material: material,
+        transitions: transitions,
+        getElevation: getElevation,
+        getFillColor: getFillColor,
+        getLineColor: getLineColor,
+        getLineWidth: getLineWidth
+      }, this.getSubLayerProps({
+        id: 'cell',
+        updateTriggers: {
+          getElevation: updateTriggers.getElevation,
+          getFillColor: updateTriggers.getFillColor,
+          getLineColor: updateTriggers.getLineColor,
+          getLineWidth: updateTriggers.getLineWidth
+        }
+      }), this.indexToBounds());
+    }
+  }]);
+  return GeoCellLayer;
+}(_core.CompositeLayer);
+
+exports.default = GeoCellLayer;
+GeoCellLayer.layerName = 'GeoCellLayer';
+GeoCellLayer.defaultProps = defaultProps;
+//# sourceMappingURL=GeoCellLayer.js.map

package/dist/es5/geo-cell-layer/GeoCellLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/geo-cell-layer/GeoCellLayer.js"],"names":["defaultProps","PolygonLayer","GeoCellLayer","props","elevationScale","extruded","wireframe","filled","stroked","lineWidthUnits","lineWidthScale","lineWidthMinPixels","lineWidthMaxPixels","lineJointRounded","lineMiterLimit","lineDashJustified","getElevation","getFillColor","getLineColor","getLineWidth","updateTriggers","material","transitions","CellLayer","getSubLayerClass","getSubLayerProps","id","indexToBounds","CompositeLayer","layerName"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAMA,YAAY,qBACbC,qBAAaD,YADA,CAAlB;;IAIqBE,Y;;;;;;;;;;;;WAEnB,yBAAgB;AACd,aAAO,IAAP;AACD;;;WAED,wBAAe;AAEb,wBAiBI,KAAKC,KAjBT;AAAA,UACEC,cADF,eACEA,cADF;AAAA,UAEEC,QAFF,eAEEA,QAFF;AAAA,UAGEC,SAHF,eAGEA,SAHF;AAAA,UAIEC,MAJF,eAIEA,MAJF;AAAA,UAKEC,OALF,eAKEA,OALF;AAAA,UAMEC,cANF,eAMEA,cANF;AAAA,UAOEC,cAPF,eAOEA,cAPF;AAAA,UAQEC,kBARF,eAQEA,kBARF;AAAA,UASEC,kBATF,eASEA,kBATF;AAAA,UAUEC,gBAVF,eAUEA,gBAVF;AAAA,UAWEC,cAXF,eAWEA,cAXF;AAAA,UAYEC,iBAZF,eAYEA,iBAZF;AAAA,UAaEC,YAbF,eAaEA,YAbF;AAAA,UAcEC,YAdF,eAcEA,YAdF;AAAA,UAeEC,YAfF,eAeEA,YAfF;AAAA,UAgBEC,YAhBF,eAgBEA,YAhBF;AAoBA,yBAAgD,KAAKhB,KAArD;AAAA,UAAOiB,cAAP,gBAAOA,cAAP;AAAA,UAAuBC,QAAvB,gBAAuBA,QAAvB;AAAA,UAAiCC,WAAjC,gBAAiCA,WAAjC;AAGA,UAAMC,SAAS,GAAG,KAAKC,gBAAL,CAAsB,MAAtB,EAA8BvB,oBAA9B,CAAlB;AACA,aAAO,IAAIsB,SAAJ,CACL;AACEhB,QAAAA,MAAM,EAANA,MADF;AAEED,QAAAA,SAAS,EAATA,SAFF;AAIED,QAAAA,QAAQ,EAARA,QAJF;AAKED,QAAAA,cAAc,EAAdA,cALF;AAOEI,QAAAA,OAAO,EAAPA,OAPF;AAQEC,QAAAA,cAAc,EAAdA,cARF;AASEC,QAAAA,cAAc,EAAdA,cATF;AAUEC,QAAAA,kBAAkB,EAAlBA,kBAVF;AAWEC,QAAAA,kBAAkB,EAAlBA,kBAXF;AAYEC,QAAAA,gBAAgB,EAAhBA,gBAZF;AAaEC,QAAAA,cAAc,EAAdA,cAbF;AAcEC,QAAAA,iBAAiB,EAAjBA,iBAdF;AAgBEM,QAAAA,QAAQ,EAARA,QAhBF;AAiBEC,QAAAA,WAAW,EAAXA,WAjBF;AAmBEN,QAAAA,YAAY,EAAZA,YAnBF;AAoBEC,QAAAA,YAAY,EAAZA,YApBF;AAqBEC,QAAAA,YAAY,EAAZA,YArBF;AAsBEC,QAAAA,YAAY,EAAZA;AAtBF,OADK,EAyBL,KAAKM,gBAAL,CAAsB;AACpBC,QAAAA,EAAE,EAAE,MADgB;AAEpBN,QAAAA,cAAc,EAAE;AACdJ,UAAAA,YAAY,EAAEI,cAAc,CAACJ,YADf;AAEdC,UAAAA,YAAY,EAAEG,cAAc,CAACH,YAFf;AAGdC,UAAAA,YAAY,EAAEE,cAAc,CAACF,YAHf;AAIdC,UAAAA,YAAY,EAAEC,cAAc,CAACD;AAJf;AAFI,OAAtB,CAzBK,EAkCL,KAAKQ,aAAL,EAlCK,CAAP;AAoCD;;;EApEuCC,oB;;;AAuE1C1B,YAAY,CAAC2B,SAAb,GAAyB,cAAzB;AACA3B,YAAY,CAACF,YAAb,GAA4BA,YAA5B","sourcesContent":["import {CompositeLayer} from '@deck.gl/core';\nimport {PolygonLayer} from '@deck.gl/layers';\n\nconst defaultProps = {\n  ...PolygonLayer.defaultProps\n};\n\nexport default class GeoCellLayer extends CompositeLayer {\n  // Implement to generate props to create geometry\n  indexToBounds() {\n    return null;\n  }\n\n  renderLayers() {\n    // Rendering props underlying layer\n    const {\n      elevationScale,\n      extruded,\n      wireframe,\n      filled,\n      stroked,\n      lineWidthUnits,\n      lineWidthScale,\n      lineWidthMinPixels,\n      lineWidthMaxPixels,\n      lineJointRounded,\n      lineMiterLimit,\n      lineDashJustified,\n      getElevation,\n      getFillColor,\n      getLineColor,\n      getLineWidth\n    } = this.props;\n\n    // Accessor props for underlying layers\n    const {updateTriggers, material, transitions} = this.props;\n\n    // Filled Polygon Layer\n    const CellLayer = this.getSubLayerClass('cell', PolygonLayer);\n    return new CellLayer(\n      {\n        filled,\n        wireframe,\n\n        extruded,\n        elevationScale,\n\n        stroked,\n        lineWidthUnits,\n        lineWidthScale,\n        lineWidthMinPixels,\n        lineWidthMaxPixels,\n        lineJointRounded,\n        lineMiterLimit,\n        lineDashJustified,\n\n        material,\n        transitions,\n\n        getElevation,\n        getFillColor,\n        getLineColor,\n        getLineWidth\n      },\n      this.getSubLayerProps({\n        id: 'cell',\n        updateTriggers: {\n          getElevation: updateTriggers.getElevation,\n          getFillColor: updateTriggers.getFillColor,\n          getLineColor: updateTriggers.getLineColor,\n          getLineWidth: updateTriggers.getLineWidth\n        }\n      }),\n      this.indexToBounds()\n    );\n  }\n}\n\nGeoCellLayer.layerName = 'GeoCellLayer';\nGeoCellLayer.defaultProps = defaultProps;\n"],"file":"GeoCellLayer.js"}