@deck.gl/carto 8.8.0-alpha.2 → 8.8.0-alpha.5

package/dist/es5/layers/h3-tile-layer.js

@@ -0,0 +1,107 @@
+"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 _core = require("@deck.gl/core");
+
+var _geoLayers = require("@deck.gl/geo-layers");
+
+var _h3Tileset2d = _interopRequireDefault(require("./h3-tileset-2d"));
+
+var _spatialIndexTileLayer = _interopRequireDefault(require("./spatial-index-tile-layer"));
+
+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; } }
+
+var renderSubLayers = function renderSubLayers(props) {
+  var data = props.data;
+  var index = props.tile.index;
+  if (!data || !data.length) return null;
+  return new _geoLayers.H3HexagonLayer(props, {
+    centerHexagon: index,
+    highPrecision: true
+  });
+};
+
+var defaultProps = {
+  aggregationResLevel: 4
+};
+
+var H3TileLayer = function (_CompositeLayer) {
+  (0, _inherits2.default)(H3TileLayer, _CompositeLayer);
+
+  var _super = _createSuper(H3TileLayer);
+
+  function H3TileLayer() {
+    (0, _classCallCheck2.default)(this, H3TileLayer);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(H3TileLayer, [{
+    key: "initializeState",
+    value: function initializeState() {
+      this.setState({
+        data: null,
+        tileJSON: null
+      });
+    }
+  }, {
+    key: "updateState",
+    value: function updateState(_ref) {
+      var props = _ref.props,
+          oldProps = _ref.oldProps,
+          context = _ref.context,
+          changeFlags = _ref.changeFlags;
+
+      if (changeFlags.dataChanged) {
+        var data = this.props.data;
+        var tileJSON = data;
+        data = tileJSON.tiles;
+        this.setState({
+          data: data,
+          tileJSON: tileJSON
+        });
+      }
+    }
+  }, {
+    key: "renderLayers",
+    value: function renderLayers() {
+      var _this$state = this.state,
+          data = _this$state.data,
+          tileJSON = _this$state.tileJSON;
+      var maxZoom = parseInt(tileJSON.maxresolution);
+      return [new _spatialIndexTileLayer.default(this.props, {
+        id: "h3-tile-layer-".concat(this.props.id),
+        data: data,
+        getHexagon: function getHexagon(d) {
+          return d.id;
+        },
+        TilesetClass: _h3Tileset2d.default,
+        renderSubLayers: renderSubLayers,
+        maxZoom: maxZoom
+      })];
+    }
+  }]);
+  return H3TileLayer;
+}(_core.CompositeLayer);
+
+exports.default = H3TileLayer;
+H3TileLayer.layerName = 'H3TileLayer';
+H3TileLayer.defaultProps = defaultProps;
+//# sourceMappingURL=h3-tile-layer.js.map

package/dist/es5/layers/h3-tile-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/layers/h3-tile-layer.js"],"names":["renderSubLayers","props","data","index","tile","length","H3HexagonLayer","centerHexagon","highPrecision","defaultProps","aggregationResLevel","H3TileLayer","setState","tileJSON","oldProps","context","changeFlags","dataChanged","tiles","state","maxZoom","parseInt","maxresolution","SpatialIndexTileLayer","id","getHexagon","d","TilesetClass","H3Tileset2D","CompositeLayer","layerName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,MAAOC,IAAP,GAAeD,KAAf,CAAOC,IAAP;AACA,MAAOC,KAAP,GAAgBF,KAAK,CAACG,IAAtB,CAAOD,KAAP;AACA,MAAI,CAACD,IAAD,IAAS,CAACA,IAAI,CAACG,MAAnB,EAA2B,OAAO,IAAP;AAE3B,SAAO,IAAIC,yBAAJ,CAAmBL,KAAnB,EAA0B;AAC/BM,IAAAA,aAAa,EAAEJ,KADgB;AAE/BK,IAAAA,aAAa,EAAE;AAFgB,GAA1B,CAAP;AAID,CATD;;AAWA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,mBAAmB,EAAE;AADF,CAArB;;IAIqBC,W;;;;;;;;;;;;WACnB,2BAAkB;AAChB,WAAKC,QAAL,CAAc;AAACV,QAAAA,IAAI,EAAE,IAAP;AAAaW,QAAAA,QAAQ,EAAE;AAAvB,OAAd;AACD;;;WAED,2BAAqD;AAAA,UAAxCZ,KAAwC,QAAxCA,KAAwC;AAAA,UAAjCa,QAAiC,QAAjCA,QAAiC;AAAA,UAAvBC,OAAuB,QAAvBA,OAAuB;AAAA,UAAdC,WAAc,QAAdA,WAAc;;AACnD,UAAIA,WAAW,CAACC,WAAhB,EAA6B;AAC3B,YAAKf,IAAL,GAAa,KAAKD,KAAlB,CAAKC,IAAL;AACA,YAAMW,QAAQ,GAAGX,IAAjB;AACAA,QAAAA,IAAI,GAAGW,QAAQ,CAACK,KAAhB;AACA,aAAKN,QAAL,CAAc;AAACV,UAAAA,IAAI,EAAJA,IAAD;AAAOW,UAAAA,QAAQ,EAARA;AAAP,SAAd;AACD;AACF;;;WAED,wBAAe;AACb,wBAAyB,KAAKM,KAA9B;AAAA,UAAOjB,IAAP,eAAOA,IAAP;AAAA,UAAaW,QAAb,eAAaA,QAAb;AACA,UAAMO,OAAO,GAAGC,QAAQ,CAACR,QAAQ,CAACS,aAAV,CAAxB;AACA,aAAO,CACL,IAAIC,8BAAJ,CAA0B,KAAKtB,KAA/B,EAAsC;AACpCuB,QAAAA,EAAE,0BAAmB,KAAKvB,KAAL,CAAWuB,EAA9B,CADkC;AAEpCtB,QAAAA,IAAI,EAAJA,IAFoC;AAGpCuB,QAAAA,UAAU,EAAE,oBAAAC,CAAC;AAAA,iBAAIA,CAAC,CAACF,EAAN;AAAA,SAHuB;AAIpCG,QAAAA,YAAY,EAAEC,oBAJsB;AAKpC5B,QAAAA,eAAe,EAAfA,eALoC;AAMpCoB,QAAAA,OAAO,EAAPA;AANoC,OAAtC,CADK,CAAP;AAUD;;;EA3BsCS,oB;;;AA8BzClB,WAAW,CAACmB,SAAZ,GAAwB,aAAxB;AACAnB,WAAW,CAACF,YAAZ,GAA2BA,YAA3B","sourcesContent":["import {CompositeLayer} from '@deck.gl/core';\nimport {H3HexagonLayer} from '@deck.gl/geo-layers';\nimport H3Tileset2D from './h3-tileset-2d';\nimport SpatialIndexTileLayer from './spatial-index-tile-layer';\n\nconst renderSubLayers = props => {\n  const {data} = props;\n  const {index} = props.tile;\n  if (!data || !data.length) return null;\n\n  return new H3HexagonLayer(props, {\n    centerHexagon: index,\n    highPrecision: true\n  });\n};\n\nconst defaultProps = {\n  aggregationResLevel: 4\n};\n\nexport default class H3TileLayer extends CompositeLayer {\n  initializeState() {\n    this.setState({data: null, tileJSON: null});\n  }\n\n  updateState({props, oldProps, context, changeFlags}) {\n    if (changeFlags.dataChanged) {\n      let {data} = this.props;\n      const tileJSON = data;\n      data = tileJSON.tiles;\n      this.setState({data, tileJSON});\n    }\n  }\n\n  renderLayers() {\n    const {data, tileJSON} = this.state;\n    const maxZoom = parseInt(tileJSON.maxresolution);\n    return [\n      new SpatialIndexTileLayer(this.props, {\n        id: `h3-tile-layer-${this.props.id}`,\n        data,\n        getHexagon: d => d.id,\n        TilesetClass: H3Tileset2D,\n        renderSubLayers,\n        maxZoom\n      })\n    ];\n  }\n}\n\nH3TileLayer.layerName = 'H3TileLayer';\nH3TileLayer.defaultProps = defaultProps;\n"],"file":"h3-tile-layer.js"}

package/dist/es5/layers/h3-tileset-2d.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _geoLayers = require("@deck.gl/geo-layers");
+
+var _h3Js = require("h3-js");
+
+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 getHexagonsInBoundingBox(_ref, resolution) {
+  var west = _ref.west,
+      north = _ref.north,
+      east = _ref.east,
+      south = _ref.south;
+
+  if (resolution === 0) {
+    return (0, _h3Js.getRes0Indexes)();
+  }
+
+  if (east - west > 180) {
+    return getHexagonsInBoundingBox({
+      west: west,
+      north: north,
+      east: 0,
+      south: south
+    }, resolution).concat(getHexagonsInBoundingBox({
+      west: 0,
+      north: north,
+      east: east,
+      south: south
+    }, resolution));
+  }
+
+  var oversample = 2;
+  var h3Indices = (0, _h3Js.polyfill)([[[west, north], [west, south], [east, south], [east, north], [west, north]]], resolution + oversample, true);
+  return oversample ? (0, _toConsumableArray2.default)(new Set(h3Indices.map(function (i) {
+    return (0, _h3Js.h3ToParent)(i, resolution);
+  }))) : h3Indices;
+}
+
+function tileToBoundingBox(index) {
+  var coordinates = (0, _h3Js.h3ToGeoBoundary)(index);
+  var latitudes = coordinates.map(function (c) {
+    return c[0];
+  });
+  var longitudes = coordinates.map(function (c) {
+    return c[1];
+  });
+  var west = Math.min.apply(Math, (0, _toConsumableArray2.default)(longitudes));
+  var south = Math.min.apply(Math, (0, _toConsumableArray2.default)(latitudes));
+  var east = Math.max.apply(Math, (0, _toConsumableArray2.default)(longitudes));
+  var north = Math.max.apply(Math, (0, _toConsumableArray2.default)(latitudes));
+  return {
+    west: west,
+    south: south,
+    east: east,
+    north: north
+  };
+}
+
+var BIAS = 2;
+
+function getHexagonResolution(viewport) {
+  var hexagonScaleFactor = 2 / 3 * viewport.zoom;
+  var latitudeScaleFactor = Math.log(1 / Math.cos(Math.PI * viewport.latitude / 180));
+  return Math.max(0, Math.floor(hexagonScaleFactor + latitudeScaleFactor - BIAS));
+}
+
+var H3Tileset2D = function (_Tileset2D) {
+  (0, _inherits2.default)(H3Tileset2D, _Tileset2D);
+
+  var _super = _createSuper(H3Tileset2D);
+
+  function H3Tileset2D() {
+    (0, _classCallCheck2.default)(this, H3Tileset2D);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(H3Tileset2D, [{
+    key: "getTileIndices",
+    value: function getTileIndices(_ref2) {
+      var viewport = _ref2.viewport,
+          minZoom = _ref2.minZoom,
+          maxZoom = _ref2.maxZoom;
+
+      var _viewport$getBounds = viewport.getBounds(),
+          _viewport$getBounds2 = (0, _slicedToArray2.default)(_viewport$getBounds, 4),
+          east = _viewport$getBounds2[0],
+          south = _viewport$getBounds2[1],
+          west = _viewport$getBounds2[2],
+          north = _viewport$getBounds2[3];
+
+      var z = getHexagonResolution(viewport);
+      var indices = [];
+
+      if (typeof minZoom === 'number' && Number.isFinite(minZoom) && z < minZoom) {
+        z = minZoom;
+      }
+
+      if (typeof maxZoom === 'number' && Number.isFinite(maxZoom) && z > maxZoom) {
+        z = maxZoom;
+        var center = (0, _h3Js.geoToH3)(viewport.latitude, viewport.longitude, maxZoom);
+        indices = (0, _h3Js.kRing)(center, 1);
+      } else {
+        indices = getHexagonsInBoundingBox({
+          west: west,
+          north: north,
+          east: east,
+          south: south
+        }, z);
+      }
+
+      return indices.map(function (i) {
+        return {
+          i: i
+        };
+      });
+    }
+  }, {
+    key: "getTileId",
+    value: function getTileId(_ref3) {
+      var i = _ref3.i;
+      return i;
+    }
+  }, {
+    key: "getTileMetadata",
+    value: function getTileMetadata(_ref4) {
+      var i = _ref4.i;
+      return {
+        bbox: tileToBoundingBox(i)
+      };
+    }
+  }, {
+    key: "getTileZoom",
+    value: function getTileZoom(_ref5) {
+      var i = _ref5.i;
+      return (0, _h3Js.h3GetResolution)(i);
+    }
+  }, {
+    key: "getParentIndex",
+    value: function getParentIndex(index) {
+      var resolution = (0, _h3Js.h3GetResolution)(index.i);
+      var i = (0, _h3Js.h3ToParent)(index.i, resolution - 1);
+      return {
+        i: i
+      };
+    }
+  }]);
+  return H3Tileset2D;
+}(_geoLayers._Tileset2D);
+
+exports.default = H3Tileset2D;
+//# sourceMappingURL=h3-tileset-2d.js.map

package/dist/es5/layers/h3-tileset-2d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/layers/h3-tileset-2d.js"],"names":["getHexagonsInBoundingBox","resolution","west","north","east","south","concat","oversample","h3Indices","Set","map","i","tileToBoundingBox","index","coordinates","latitudes","c","longitudes","Math","min","max","BIAS","getHexagonResolution","viewport","hexagonScaleFactor","zoom","latitudeScaleFactor","log","cos","PI","latitude","floor","H3Tileset2D","minZoom","maxZoom","getBounds","z","indices","Number","isFinite","center","longitude","bbox","Tileset2D"],"mappings":"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","sourcesContent":["import {_Tileset2D as Tileset2D} from '@deck.gl/geo-layers';\nimport {\n  polyfill,\n  getRes0Indexes,\n  geoToH3,\n  h3GetResolution,\n  h3ToGeoBoundary,\n  h3ToParent,\n  kRing\n} from 'h3-js';\n\nfunction getHexagonsInBoundingBox({west, north, east, south}, resolution) {\n  if (resolution === 0) {\n    return getRes0Indexes();\n  }\n  if (east - west > 180) {\n    // This is a known issue in h3-js: polyfill does not work correctly\n    // when longitude span is larger than 180 degrees.\n    return getHexagonsInBoundingBox({west, north, east: 0, south}, resolution).concat(\n      getHexagonsInBoundingBox({west: 0, north, east, south}, resolution)\n    );\n  }\n\n  // `polyfill()` fills based on hexagon center, which means tiles vanish\n  // prematurely. Get more accurate coverage by oversampling\n  const oversample = 2;\n  const h3Indices = polyfill(\n    [\n      [\n        [west, north],\n        [west, south],\n        [east, south],\n        [east, north],\n        [west, north]\n      ]\n    ],\n    resolution + oversample,\n    true\n  );\n\n  return oversample ? [...new Set(h3Indices.map(i => h3ToParent(i, resolution)))] : h3Indices;\n}\n\nfunction tileToBoundingBox(index) {\n  const coordinates = h3ToGeoBoundary(index);\n  const latitudes = coordinates.map(c => c[0]);\n  const longitudes = coordinates.map(c => c[1]);\n  const west = Math.min(...longitudes);\n  const south = Math.min(...latitudes);\n  const east = Math.max(...longitudes);\n  const north = Math.max(...latitudes);\n  return {west, south, east, north};\n}\n\n// Resolution conversion function. Takes a WebMercatorViewport and returns\n// a H3 resolution such that the screen space size of the hexagons is\n// similar\n// Relative scale factor (0 = no biasing, 2 = a few hexagons cover view)\nconst BIAS = 2;\nfunction getHexagonResolution(viewport) {\n  const hexagonScaleFactor = (2 / 3) * viewport.zoom;\n  const latitudeScaleFactor = Math.log(1 / Math.cos((Math.PI * viewport.latitude) / 180));\n\n  // Clip and bias\n  return Math.max(0, Math.floor(hexagonScaleFactor + latitudeScaleFactor - BIAS));\n}\n\nexport default class H3Tileset2D extends Tileset2D {\n  getTileIndices({viewport, minZoom, maxZoom}) {\n    const [east, south, west, north] = viewport.getBounds();\n\n    let z = getHexagonResolution(viewport);\n    let indices = [];\n    if (typeof minZoom === 'number' && Number.isFinite(minZoom) && z < minZoom) {\n      z = minZoom;\n    }\n    if (typeof maxZoom === 'number' && Number.isFinite(maxZoom) && z > maxZoom) {\n      z = maxZoom;\n\n      // Once we are at max zoom, getHexagonsInBoundingBox doesn't work, simply\n      // get a ring centered on the hexagon in the viewport center\n      const center = geoToH3(viewport.latitude, viewport.longitude, maxZoom);\n      indices = kRing(center, 1);\n    } else {\n      indices = getHexagonsInBoundingBox({west, north, east, south}, z);\n    }\n\n    return indices.map(i => ({i}));\n  }\n\n  getTileId({i}) {\n    return i;\n  }\n\n  getTileMetadata({i}) {\n    return {bbox: tileToBoundingBox(i)};\n  }\n\n  getTileZoom({i}) {\n    return h3GetResolution(i);\n  }\n\n  getParentIndex(index) {\n    const resolution = h3GetResolution(index.i);\n    const i = h3ToParent(index.i, resolution - 1);\n    return {i};\n  }\n}\n"],"file":"h3-tileset-2d.js"}

package/dist/es5/layers/quadkey-tile-layer.js

@@ -0,0 +1,103 @@
+"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 _core = require("@deck.gl/core");
+
+var _geoLayers = require("@deck.gl/geo-layers");
+
+var _quadkeyTileset2d = _interopRequireDefault(require("./quadkey-tileset-2d"));
+
+var _spatialIndexTileLayer = _interopRequireDefault(require("./spatial-index-tile-layer"));
+
+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; } }
+
+var renderSubLayers = function renderSubLayers(props) {
+  var data = props.data;
+  if (!data || !data.length) return null;
+  return new _geoLayers.QuadkeyLayer(props);
+};
+
+var defaultProps = {
+  aggregationResLevel: 6
+};
+
+var QuadkeyTileLayer = function (_CompositeLayer) {
+  (0, _inherits2.default)(QuadkeyTileLayer, _CompositeLayer);
+
+  var _super = _createSuper(QuadkeyTileLayer);
+
+  function QuadkeyTileLayer() {
+    (0, _classCallCheck2.default)(this, QuadkeyTileLayer);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(QuadkeyTileLayer, [{
+    key: "initializeState",
+    value: function initializeState() {
+      this.setState({
+        data: null,
+        tileJSON: null
+      });
+    }
+  }, {
+    key: "updateState",
+    value: function updateState(_ref) {
+      var props = _ref.props,
+          oldProps = _ref.oldProps,
+          context = _ref.context,
+          changeFlags = _ref.changeFlags;
+
+      if (changeFlags.dataChanged) {
+        var data = this.props.data;
+        var tileJSON = data;
+        data = tileJSON.tiles;
+        this.setState({
+          data: data,
+          tileJSON: tileJSON
+        });
+      }
+    }
+  }, {
+    key: "renderLayers",
+    value: function renderLayers() {
+      var _this$state = this.state,
+          data = _this$state.data,
+          tileJSON = _this$state.tileJSON;
+      var maxZoom = parseInt(tileJSON.maxresolution);
+      return [new _spatialIndexTileLayer.default(this.props, {
+        id: "quadkey-tile-layer-".concat(this.props.id),
+        data: data,
+        getQuadkey: function getQuadkey(d) {
+          return d.id;
+        },
+        TilesetClass: _quadkeyTileset2d.default,
+        renderSubLayers: renderSubLayers,
+        maxZoom: maxZoom
+      })];
+    }
+  }]);
+  return QuadkeyTileLayer;
+}(_core.CompositeLayer);
+
+exports.default = QuadkeyTileLayer;
+QuadkeyTileLayer.layerName = 'QuadkeyTileLayer';
+QuadkeyTileLayer.defaultProps = defaultProps;
+//# sourceMappingURL=quadkey-tile-layer.js.map

package/dist/es5/layers/quadkey-tile-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/layers/quadkey-tile-layer.js"],"names":["renderSubLayers","props","data","length","QuadkeyLayer","defaultProps","aggregationResLevel","QuadkeyTileLayer","setState","tileJSON","oldProps","context","changeFlags","dataChanged","tiles","state","maxZoom","parseInt","maxresolution","SpatialIndexTileLayer","id","getQuadkey","d","TilesetClass","QuadkeyTileset2D","CompositeLayer","layerName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,MAAOC,IAAP,GAAeD,KAAf,CAAOC,IAAP;AACA,MAAI,CAACA,IAAD,IAAS,CAACA,IAAI,CAACC,MAAnB,EAA2B,OAAO,IAAP;AAC3B,SAAO,IAAIC,uBAAJ,CAAiBH,KAAjB,CAAP;AACD,CAJD;;AAMA,IAAMI,YAAY,GAAG;AACnBC,EAAAA,mBAAmB,EAAE;AADF,CAArB;;IAIqBC,gB;;;;;;;;;;;;WACnB,2BAAkB;AAChB,WAAKC,QAAL,CAAc;AAACN,QAAAA,IAAI,EAAE,IAAP;AAAaO,QAAAA,QAAQ,EAAE;AAAvB,OAAd;AACD;;;WAED,2BAAqD;AAAA,UAAxCR,KAAwC,QAAxCA,KAAwC;AAAA,UAAjCS,QAAiC,QAAjCA,QAAiC;AAAA,UAAvBC,OAAuB,QAAvBA,OAAuB;AAAA,UAAdC,WAAc,QAAdA,WAAc;;AACnD,UAAIA,WAAW,CAACC,WAAhB,EAA6B;AAC3B,YAAKX,IAAL,GAAa,KAAKD,KAAlB,CAAKC,IAAL;AACA,YAAMO,QAAQ,GAAGP,IAAjB;AACAA,QAAAA,IAAI,GAAGO,QAAQ,CAACK,KAAhB;AACA,aAAKN,QAAL,CAAc;AAACN,UAAAA,IAAI,EAAJA,IAAD;AAAOO,UAAAA,QAAQ,EAARA;AAAP,SAAd;AACD;AACF;;;WAED,wBAAe;AACb,wBAAyB,KAAKM,KAA9B;AAAA,UAAOb,IAAP,eAAOA,IAAP;AAAA,UAAaO,QAAb,eAAaA,QAAb;AACA,UAAMO,OAAO,GAAGC,QAAQ,CAACR,QAAQ,CAACS,aAAV,CAAxB;AACA,aAAO,CACL,IAAIC,8BAAJ,CAA0B,KAAKlB,KAA/B,EAAsC;AACpCmB,QAAAA,EAAE,+BAAwB,KAAKnB,KAAL,CAAWmB,EAAnC,CADkC;AAEpClB,QAAAA,IAAI,EAAJA,IAFoC;AAGpCmB,QAAAA,UAAU,EAAE,oBAAAC,CAAC;AAAA,iBAAIA,CAAC,CAACF,EAAN;AAAA,SAHuB;AAIpCG,QAAAA,YAAY,EAAEC,yBAJsB;AAKpCxB,QAAAA,eAAe,EAAfA,eALoC;AAMpCgB,QAAAA,OAAO,EAAPA;AANoC,OAAtC,CADK,CAAP;AAUD;;;EA3B2CS,oB;;;AA8B9ClB,gBAAgB,CAACmB,SAAjB,GAA6B,kBAA7B;AACAnB,gBAAgB,CAACF,YAAjB,GAAgCA,YAAhC","sourcesContent":["import {CompositeLayer} from '@deck.gl/core';\nimport {QuadkeyLayer} from '@deck.gl/geo-layers';\nimport QuadkeyTileset2D from './quadkey-tileset-2d';\nimport SpatialIndexTileLayer from './spatial-index-tile-layer';\n\nconst renderSubLayers = props => {\n  const {data} = props;\n  if (!data || !data.length) return null;\n  return new QuadkeyLayer(props);\n};\n\nconst defaultProps = {\n  aggregationResLevel: 6\n};\n\nexport default class QuadkeyTileLayer extends CompositeLayer {\n  initializeState() {\n    this.setState({data: null, tileJSON: null});\n  }\n\n  updateState({props, oldProps, context, changeFlags}) {\n    if (changeFlags.dataChanged) {\n      let {data} = this.props;\n      const tileJSON = data;\n      data = tileJSON.tiles;\n      this.setState({data, tileJSON});\n    }\n  }\n\n  renderLayers() {\n    const {data, tileJSON} = this.state;\n    const maxZoom = parseInt(tileJSON.maxresolution);\n    return [\n      new SpatialIndexTileLayer(this.props, {\n        id: `quadkey-tile-layer-${this.props.id}`,\n        data,\n        getQuadkey: d => d.id,\n        TilesetClass: QuadkeyTileset2D,\n        renderSubLayers,\n        maxZoom\n      })\n    ];\n  }\n}\n\nQuadkeyTileLayer.layerName = 'QuadkeyTileLayer';\nQuadkeyTileLayer.defaultProps = defaultProps;\n"],"file":"quadkey-tile-layer.js"}

package/dist/es5/layers/quadkey-tileset-2d.js

@@ -0,0 +1,89 @@
+"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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+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 _geoLayers = require("@deck.gl/geo-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 tileToQuadkey(tile) {
+  var index = '';
+
+  for (var z = tile.z; z > 0; z--) {
+    var b = 0;
+    var mask = 1 << z - 1;
+    if ((tile.x & mask) !== 0) b++;
+    if ((tile.y & mask) !== 0) b += 2;
+    index += b.toString();
+  }
+
+  return {
+    i: index
+  };
+}
+
+var QuadkeyTileset2D = function (_Tileset2D) {
+  (0, _inherits2.default)(QuadkeyTileset2D, _Tileset2D);
+
+  var _super = _createSuper(QuadkeyTileset2D);
+
+  function QuadkeyTileset2D() {
+    (0, _classCallCheck2.default)(this, QuadkeyTileset2D);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(QuadkeyTileset2D, [{
+    key: "getTileIndices",
+    value: function getTileIndices(opts) {
+      return (0, _get2.default)((0, _getPrototypeOf2.default)(QuadkeyTileset2D.prototype), "getTileIndices", this).call(this, opts).map(tileToQuadkey);
+    }
+  }, {
+    key: "getTileId",
+    value: function getTileId(_ref) {
+      var i = _ref.i;
+      return i;
+    }
+  }, {
+    key: "getTileMetadata",
+    value: function getTileMetadata() {
+      return {};
+    }
+  }, {
+    key: "getTileZoom",
+    value: function getTileZoom(_ref2) {
+      var i = _ref2.i;
+      return i.length;
+    }
+  }, {
+    key: "getParentIndex",
+    value: function getParentIndex(index) {
+      var i = index.i.slice(0, -1);
+      return {
+        i: i
+      };
+    }
+  }]);
+  return QuadkeyTileset2D;
+}(_geoLayers._Tileset2D);
+
+exports.default = QuadkeyTileset2D;
+//# sourceMappingURL=quadkey-tileset-2d.js.map

package/dist/es5/layers/quadkey-tileset-2d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/layers/quadkey-tileset-2d.js"],"names":["tileToQuadkey","tile","index","z","b","mask","x","y","toString","i","QuadkeyTileset2D","opts","map","length","slice","Tileset2D"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;AAC3B,MAAIC,KAAK,GAAG,EAAZ;;AACA,OAAK,IAAIC,CAAC,GAAGF,IAAI,CAACE,CAAlB,EAAqBA,CAAC,GAAG,CAAzB,EAA4BA,CAAC,EAA7B,EAAiC;AAC/B,QAAIC,CAAC,GAAG,CAAR;AACA,QAAMC,IAAI,GAAG,KAAMF,CAAC,GAAG,CAAvB;AACA,QAAI,CAACF,IAAI,CAACK,CAAL,GAASD,IAAV,MAAoB,CAAxB,EAA2BD,CAAC;AAC5B,QAAI,CAACH,IAAI,CAACM,CAAL,GAASF,IAAV,MAAoB,CAAxB,EAA2BD,CAAC,IAAI,CAAL;AAC3BF,IAAAA,KAAK,IAAIE,CAAC,CAACI,QAAF,EAAT;AACD;;AACD,SAAO;AAACC,IAAAA,CAAC,EAAEP;AAAJ,GAAP;AACD;;IAEoBQ,gB;;;;;;;;;;;;WACnB,wBAAeC,IAAf,EAAqB;AACnB,aAAO,iHAAqBA,IAArB,EAA2BC,GAA3B,CAA+BZ,aAA/B,CAAP;AACD;;;WAED,yBAAe;AAAA,UAAJS,CAAI,QAAJA,CAAI;AACb,aAAOA,CAAP;AACD;;;WAED,2BAAkB;AAChB,aAAO,EAAP;AACD;;;WAED,4BAAiB;AAAA,UAAJA,CAAI,SAAJA,CAAI;AACf,aAAOA,CAAC,CAACI,MAAT;AACD;;;WAED,wBAAeX,KAAf,EAAsB;AACpB,UAAMO,CAAC,GAAGP,KAAK,CAACO,CAAN,CAAQK,KAAR,CAAc,CAAd,EAAiB,CAAC,CAAlB,CAAV;AACA,aAAO;AAACL,QAAAA,CAAC,EAADA;AAAD,OAAP;AACD;;;EApB2CM,qB","sourcesContent":["import {_Tileset2D as Tileset2D} from '@deck.gl/geo-layers';\n\nfunction tileToQuadkey(tile) {\n  let index = '';\n  for (let z = tile.z; z > 0; z--) {\n    let b = 0;\n    const mask = 1 << (z - 1);\n    if ((tile.x & mask) !== 0) b++;\n    if ((tile.y & mask) !== 0) b += 2;\n    index += b.toString();\n  }\n  return {i: index};\n}\n\nexport default class QuadkeyTileset2D extends Tileset2D {\n  getTileIndices(opts) {\n    return super.getTileIndices(opts).map(tileToQuadkey);\n  }\n\n  getTileId({i}) {\n    return i;\n  }\n\n  getTileMetadata() {\n    return {};\n  }\n\n  getTileZoom({i}) {\n    return i.length;\n  }\n\n  getParentIndex(index) {\n    const i = index.i.slice(0, -1);\n    return {i};\n  }\n}\n"],"file":"quadkey-tileset-2d.js"}