@deck.gl/carto 8.8.0-beta.4 → 8.8.1

package/dist/dist.dev.js

@@ -6546,6 +6546,991 @@ function getPointAtIndex(positions, index, size, offset, out = []) {
 
 /***/ }),
 
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/assert.js":
+/*!*****************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/assert.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 assert; });
+function assert(condition, message) {
+  if (!condition) {
+    throw new Error(message || '@math.gl/web-mercator: assertion failed.');
+  }
+}
+//# sourceMappingURL=assert.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js":
+/*!*********************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.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 fitBounds; });
+/* harmony import */ var _assert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./assert */ "../../node_modules/@math.gl/web-mercator/dist/esm/assert.js");
+/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
+/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
+
+
+
+function fitBounds(options) {
+  const {
+    width,
+    height,
+    bounds,
+    minExtent = 0,
+    maxZoom = 24,
+    offset = [0, 0]
+  } = options;
+  const [[west, south], [east, north]] = bounds;
+  const padding = getPaddingObject(options.padding);
+  const nw = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["lngLatToWorld"])([west, Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["clamp"])(north, -_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["MAX_LATITUDE"], _web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["MAX_LATITUDE"])]);
+  const se = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["lngLatToWorld"])([east, Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["clamp"])(south, -_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["MAX_LATITUDE"], _web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["MAX_LATITUDE"])]);
+  const size = [Math.max(Math.abs(se[0] - nw[0]), minExtent), Math.max(Math.abs(se[1] - nw[1]), minExtent)];
+  const targetSize = [width - padding.left - padding.right - Math.abs(offset[0]) * 2, height - padding.top - padding.bottom - Math.abs(offset[1]) * 2];
+  Object(_assert__WEBPACK_IMPORTED_MODULE_0__["default"])(targetSize[0] > 0 && targetSize[1] > 0);
+  const scaleX = targetSize[0] / size[0];
+  const scaleY = targetSize[1] / size[1];
+  const offsetX = (padding.right - padding.left) / 2 / scaleX;
+  const offsetY = (padding.bottom - padding.top) / 2 / scaleY;
+  const center = [(se[0] + nw[0]) / 2 + offsetX, (se[1] + nw[1]) / 2 + offsetY];
+  const centerLngLat = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["worldToLngLat"])(center);
+  const zoom = Math.min(maxZoom, Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["log2"])(Math.abs(Math.min(scaleX, scaleY))));
+  Object(_assert__WEBPACK_IMPORTED_MODULE_0__["default"])(Number.isFinite(zoom));
+  return {
+    longitude: centerLngLat[0],
+    latitude: centerLngLat[1],
+    zoom
+  };
+}
+
+function getPaddingObject(padding = 0) {
+  if (typeof padding === 'number') {
+    return {
+      top: padding,
+      bottom: padding,
+      left: padding,
+      right: padding
+    };
+  }
+
+  Object(_assert__WEBPACK_IMPORTED_MODULE_0__["default"])(Number.isFinite(padding.top) && Number.isFinite(padding.bottom) && Number.isFinite(padding.left) && Number.isFinite(padding.right));
+  return padding;
+}
+//# sourceMappingURL=fit-bounds.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/fly-to-viewport.js":
+/*!**************************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/fly-to-viewport.js ***!
+  \**************************************************************************************************/
+/*! exports provided: default, getFlyToDuration */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return flyToViewport; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFlyToDuration", function() { return getFlyToDuration; });
+/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
+/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
+/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
+
+
+
+const EPSILON = 0.01;
+const VIEWPORT_TRANSITION_PROPS = ['longitude', 'latitude', 'zoom'];
+const DEFAULT_OPTS = {
+  curve: 1.414,
+  speed: 1.2
+};
+function flyToViewport(startProps, endProps, t, options) {
+  const {
+    startZoom,
+    startCenterXY,
+    uDelta,
+    w0,
+    u1,
+    S,
+    rho,
+    rho2,
+    r0
+  } = getFlyToTransitionParams(startProps, endProps, options);
+
+  if (u1 < EPSILON) {
+    const viewport = {};
+
+    for (const key of VIEWPORT_TRANSITION_PROPS) {
+      const startValue = startProps[key];
+      const endValue = endProps[key];
+      viewport[key] = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["lerp"])(startValue, endValue, t);
+    }
+
+    return viewport;
+  }
+
+  const s = t * S;
+  const w = Math.cosh(r0) / Math.cosh(r0 + rho * s);
+  const u = w0 * ((Math.cosh(r0) * Math.tanh(r0 + rho * s) - Math.sinh(r0)) / rho2) / u1;
+  const scaleIncrement = 1 / w;
+  const newZoom = startZoom + Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["scaleToZoom"])(scaleIncrement);
+  const newCenterWorld = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["scale"]([], uDelta, u);
+  gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["add"](newCenterWorld, newCenterWorld, startCenterXY);
+  const newCenter = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["worldToLngLat"])(newCenterWorld);
+  return {
+    longitude: newCenter[0],
+    latitude: newCenter[1],
+    zoom: newZoom
+  };
+}
+function getFlyToDuration(startProps, endProps, options) {
+  const opts = { ...DEFAULT_OPTS,
+    ...options
+  };
+  const {
+    screenSpeed,
+    speed,
+    maxDuration
+  } = opts;
+  const {
+    S,
+    rho
+  } = getFlyToTransitionParams(startProps, endProps, opts);
+  const length = 1000 * S;
+  let duration;
+
+  if (Number.isFinite(screenSpeed)) {
+    duration = length / (screenSpeed / rho);
+  } else {
+    duration = length / speed;
+  }
+
+  return Number.isFinite(maxDuration) && duration > maxDuration ? 0 : duration;
+}
+
+function getFlyToTransitionParams(startProps, endProps, opts) {
+  opts = Object.assign({}, DEFAULT_OPTS, opts);
+  const rho = opts.curve;
+  const startZoom = startProps.zoom;
+  const startCenter = [startProps.longitude, startProps.latitude];
+  const startScale = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["zoomToScale"])(startZoom);
+  const endZoom = endProps.zoom;
+  const endCenter = [endProps.longitude, endProps.latitude];
+  const scale = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["zoomToScale"])(endZoom - startZoom);
+  const startCenterXY = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(startCenter);
+  const endCenterXY = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(endCenter);
+  const uDelta = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["sub"]([], endCenterXY, startCenterXY);
+  const w0 = Math.max(startProps.width, startProps.height);
+  const w1 = w0 / scale;
+  const u1 = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["length"](uDelta) * startScale;
+
+  const _u1 = Math.max(u1, EPSILON);
+
+  const rho2 = rho * rho;
+  const b0 = (w1 * w1 - w0 * w0 + rho2 * rho2 * _u1 * _u1) / (2 * w0 * rho2 * _u1);
+  const b1 = (w1 * w1 - w0 * w0 - rho2 * rho2 * _u1 * _u1) / (2 * w1 * rho2 * _u1);
+  const r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0);
+  const r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
+  const S = (r1 - r0) / rho;
+  return {
+    startZoom,
+    startCenterXY,
+    uDelta,
+    w0,
+    u1,
+    S,
+    rho,
+    rho2,
+    r0,
+    r1
+  };
+}
+//# sourceMappingURL=fly-to-viewport.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js":
+/*!*********************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/get-bounds.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 getBounds; });
+/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
+/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
+/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
+
+
+
+const DEGREES_TO_RADIANS = Math.PI / 180;
+function getBounds(viewport, z = 0) {
+  const {
+    width,
+    height,
+    unproject
+  } = viewport;
+  const unprojectOps = {
+    targetZ: z
+  };
+  const bottomLeft = unproject([0, height], unprojectOps);
+  const bottomRight = unproject([width, height], unprojectOps);
+  let topLeft;
+  let topRight;
+  const halfFov = viewport.fovy ? 0.5 * viewport.fovy * DEGREES_TO_RADIANS : Math.atan(0.5 / viewport.altitude);
+  const angleToGround = (90 - viewport.pitch) * DEGREES_TO_RADIANS;
+
+  if (halfFov > angleToGround - 0.01) {
+    topLeft = unprojectOnFarPlane(viewport, 0, z);
+    topRight = unprojectOnFarPlane(viewport, width, z);
+  } else {
+    topLeft = unproject([0, 0], unprojectOps);
+    topRight = unproject([width, 0], unprojectOps);
+  }
+
+  return [bottomLeft, bottomRight, topRight, topLeft];
+}
+
+function unprojectOnFarPlane(viewport, x, targetZ) {
+  const {
+    pixelUnprojectionMatrix
+  } = viewport;
+  const coord0 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_2__["transformVector"])(pixelUnprojectionMatrix, [x, 0, 1, 1]);
+  const coord1 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_2__["transformVector"])(pixelUnprojectionMatrix, [x, viewport.height, 1, 1]);
+  const z = targetZ * viewport.distanceScales.unitsPerMeter[2];
+  const t = (z - coord0[2]) / (coord1[2] - coord0[2]);
+  const coord = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_1__["lerp"]([], coord0, coord1, t);
+  const result = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])(coord);
+  result.push(targetZ);
+  return result;
+}
+//# sourceMappingURL=get-bounds.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/index.js":
+/*!****************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/index.js ***!
+  \****************************************************************************************/
+/*! exports provided: default, WebMercatorViewport, getBounds, fitBounds, normalizeViewportProps, flyToViewport, getFlyToDuration, MAX_LATITUDE, lngLatToWorld, worldToLngLat, worldToPixels, pixelsToWorld, zoomToScale, scaleToZoom, altitudeToFovy, fovyToAltitude, getMeterZoom, getDistanceScales, addMetersToLngLat, getViewMatrix, getProjectionMatrix, getProjectionParameters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-viewport */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WebMercatorViewport", function() { return _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__["default"]; });
+
+/* harmony import */ var _get_bounds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./get-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBounds", function() { return _get_bounds__WEBPACK_IMPORTED_MODULE_1__["default"]; });
+
+/* harmony import */ var _fit_bounds__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fit-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fitBounds", function() { return _fit_bounds__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+
+/* harmony import */ var _normalize_viewport_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./normalize-viewport-props */ "../../node_modules/@math.gl/web-mercator/dist/esm/normalize-viewport-props.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "normalizeViewportProps", function() { return _normalize_viewport_props__WEBPACK_IMPORTED_MODULE_3__["default"]; });
+
+/* harmony import */ var _fly_to_viewport__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fly-to-viewport */ "../../node_modules/@math.gl/web-mercator/dist/esm/fly-to-viewport.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "flyToViewport", function() { return _fly_to_viewport__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFlyToDuration", function() { return _fly_to_viewport__WEBPACK_IMPORTED_MODULE_4__["getFlyToDuration"]; });
+
+/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MAX_LATITUDE", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["MAX_LATITUDE"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lngLatToWorld", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["lngLatToWorld"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "worldToLngLat", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["worldToLngLat"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "worldToPixels", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["worldToPixels"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pixelsToWorld", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["pixelsToWorld"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "zoomToScale", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["zoomToScale"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scaleToZoom", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["scaleToZoom"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "altitudeToFovy", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["altitudeToFovy"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fovyToAltitude", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["fovyToAltitude"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMeterZoom", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getMeterZoom"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDistanceScales", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getDistanceScales"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "addMetersToLngLat", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["addMetersToLngLat"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getViewMatrix", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getViewMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getProjectionMatrix", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getProjectionMatrix"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getProjectionParameters", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getProjectionParameters"]; });
+
+
+
+
+
+
+
+
+//# sourceMappingURL=index.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js":
+/*!*********************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/math-utils.js ***!
+  \*********************************************************************************************/
+/*! exports provided: createMat4, transformVector, mod, lerp, clamp, log2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createMat4", function() { return createMat4; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "transformVector", function() { return transformVector; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mod", function() { return mod; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lerp", function() { return lerp; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clamp", function() { return clamp; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "log2", function() { return log2; });
+/* harmony import */ var gl_matrix_vec4__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! gl-matrix/vec4 */ "../../node_modules/gl-matrix/esm/vec4.js");
+
+function createMat4() {
+  return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+}
+function transformVector(matrix, vector) {
+  const result = Object(gl_matrix_vec4__WEBPACK_IMPORTED_MODULE_0__["transformMat4"])([], vector, matrix);
+  Object(gl_matrix_vec4__WEBPACK_IMPORTED_MODULE_0__["scale"])(result, result, 1 / result[3]);
+  return result;
+}
+function mod(value, divisor) {
+  const modulus = value % divisor;
+  return modulus < 0 ? divisor + modulus : modulus;
+}
+function lerp(start, end, step) {
+  return step * end + (1 - step) * start;
+}
+function clamp(x, min, max) {
+  return x < min ? min : x > max ? max : x;
+}
+
+function ieLog2(x) {
+  return Math.log(x) * Math.LOG2E;
+}
+
+const log2 = Math.log2 || ieLog2;
+//# sourceMappingURL=math-utils.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/normalize-viewport-props.js":
+/*!***********************************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/normalize-viewport-props.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 normalizeViewportProps; });
+/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
+/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
+
+
+const TILE_SIZE = 512;
+function normalizeViewportProps(props) {
+  const {
+    width,
+    height,
+    pitch = 0
+  } = props;
+  let {
+    longitude,
+    latitude,
+    zoom,
+    bearing = 0
+  } = props;
+
+  if (longitude < -180 || longitude > 180) {
+    longitude = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["mod"])(longitude + 180, 360) - 180;
+  }
+
+  if (bearing < -180 || bearing > 180) {
+    bearing = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["mod"])(bearing + 180, 360) - 180;
+  }
+
+  const minZoom = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["log2"])(height / TILE_SIZE);
+
+  if (zoom <= minZoom) {
+    zoom = minZoom;
+    latitude = 0;
+  } else {
+    const halfHeightPixels = height / 2 / Math.pow(2, zoom);
+    const minLatitude = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])([0, halfHeightPixels])[1];
+
+    if (latitude < minLatitude) {
+      latitude = minLatitude;
+    } else {
+      const maxLatitude = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])([0, TILE_SIZE - halfHeightPixels])[1];
+
+      if (latitude > maxLatitude) {
+        latitude = maxLatitude;
+      }
+    }
+  }
+
+  return {
+    width,
+    height,
+    longitude,
+    latitude,
+    zoom,
+    pitch,
+    bearing
+  };
+}
+//# sourceMappingURL=normalize-viewport-props.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js":
+/*!*****************************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js ***!
+  \*****************************************************************************************************/
+/*! exports provided: MAX_LATITUDE, DEFAULT_ALTITUDE, zoomToScale, scaleToZoom, lngLatToWorld, worldToLngLat, getMeterZoom, getDistanceScales, addMetersToLngLat, getViewMatrix, getProjectionParameters, getProjectionMatrix, altitudeToFovy, fovyToAltitude, worldToPixels, pixelsToWorld */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MAX_LATITUDE", function() { return MAX_LATITUDE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_ALTITUDE", function() { return DEFAULT_ALTITUDE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "zoomToScale", function() { return zoomToScale; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "scaleToZoom", function() { return scaleToZoom; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lngLatToWorld", function() { return lngLatToWorld; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "worldToLngLat", function() { return worldToLngLat; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMeterZoom", function() { return getMeterZoom; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDistanceScales", function() { return getDistanceScales; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addMetersToLngLat", function() { return addMetersToLngLat; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getViewMatrix", function() { return getViewMatrix; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getProjectionParameters", function() { return getProjectionParameters; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getProjectionMatrix", function() { return getProjectionMatrix; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "altitudeToFovy", function() { return altitudeToFovy; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fovyToAltitude", function() { return fovyToAltitude; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "worldToPixels", function() { return worldToPixels; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pixelsToWorld", function() { return pixelsToWorld; });
+/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
+/* harmony import */ var gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! gl-matrix/mat4 */ "../../node_modules/gl-matrix/esm/mat4.js");
+/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
+/* harmony import */ var gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gl-matrix/vec3 */ "../../node_modules/gl-matrix/esm/vec3.js");
+/* harmony import */ var _assert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./assert */ "../../node_modules/@math.gl/web-mercator/dist/esm/assert.js");
+
+
+
+
+
+const PI = Math.PI;
+const PI_4 = PI / 4;
+const DEGREES_TO_RADIANS = PI / 180;
+const RADIANS_TO_DEGREES = 180 / PI;
+const TILE_SIZE = 512;
+const EARTH_CIRCUMFERENCE = 40.03e6;
+const MAX_LATITUDE = 85.051129;
+const DEFAULT_ALTITUDE = 1.5;
+function zoomToScale(zoom) {
+  return Math.pow(2, zoom);
+}
+function scaleToZoom(scale) {
+  return Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["log2"])(scale);
+}
+function lngLatToWorld(lngLat) {
+  const [lng, lat] = lngLat;
+  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(lng));
+  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(lat) && lat >= -90 && lat <= 90, 'invalid latitude');
+  const lambda2 = lng * DEGREES_TO_RADIANS;
+  const phi2 = lat * DEGREES_TO_RADIANS;
+  const x = TILE_SIZE * (lambda2 + PI) / (2 * PI);
+  const y = TILE_SIZE * (PI + Math.log(Math.tan(PI_4 + phi2 * 0.5))) / (2 * PI);
+  return [x, y];
+}
+function worldToLngLat(xy) {
+  const [x, y] = xy;
+  const lambda2 = x / TILE_SIZE * (2 * PI) - PI;
+  const phi2 = 2 * (Math.atan(Math.exp(y / TILE_SIZE * (2 * PI) - PI)) - PI_4);
+  return [lambda2 * RADIANS_TO_DEGREES, phi2 * RADIANS_TO_DEGREES];
+}
+function getMeterZoom(options) {
+  const {
+    latitude
+  } = options;
+  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(latitude));
+  const latCosine = Math.cos(latitude * DEGREES_TO_RADIANS);
+  return scaleToZoom(EARTH_CIRCUMFERENCE * latCosine) - 9;
+}
+function getDistanceScales(options) {
+  const {
+    latitude,
+    longitude,
+    highPrecision = false
+  } = options;
+  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(latitude) && Number.isFinite(longitude));
+  const worldSize = TILE_SIZE;
+  const latCosine = Math.cos(latitude * DEGREES_TO_RADIANS);
+  const unitsPerDegreeX = worldSize / 360;
+  const unitsPerDegreeY = unitsPerDegreeX / latCosine;
+  const altUnitsPerMeter = worldSize / EARTH_CIRCUMFERENCE / latCosine;
+  const result = {
+    unitsPerMeter: [altUnitsPerMeter, altUnitsPerMeter, altUnitsPerMeter],
+    metersPerUnit: [1 / altUnitsPerMeter, 1 / altUnitsPerMeter, 1 / altUnitsPerMeter],
+    unitsPerDegree: [unitsPerDegreeX, unitsPerDegreeY, altUnitsPerMeter],
+    degreesPerUnit: [1 / unitsPerDegreeX, 1 / unitsPerDegreeY, 1 / altUnitsPerMeter]
+  };
+
+  if (highPrecision) {
+    const latCosine2 = DEGREES_TO_RADIANS * Math.tan(latitude * DEGREES_TO_RADIANS) / latCosine;
+    const unitsPerDegreeY2 = unitsPerDegreeX * latCosine2 / 2;
+    const altUnitsPerDegree2 = worldSize / EARTH_CIRCUMFERENCE * latCosine2;
+    const altUnitsPerMeter2 = altUnitsPerDegree2 / unitsPerDegreeY * altUnitsPerMeter;
+    result.unitsPerDegree2 = [0, unitsPerDegreeY2, altUnitsPerDegree2];
+    result.unitsPerMeter2 = [altUnitsPerMeter2, 0, altUnitsPerMeter2];
+  }
+
+  return result;
+}
+function addMetersToLngLat(lngLatZ, xyz) {
+  const [longitude, latitude, z0] = lngLatZ;
+  const [x, y, z] = xyz;
+  const {
+    unitsPerMeter,
+    unitsPerMeter2
+  } = getDistanceScales({
+    longitude,
+    latitude,
+    highPrecision: true
+  });
+  const worldspace = lngLatToWorld(lngLatZ);
+  worldspace[0] += x * (unitsPerMeter[0] + unitsPerMeter2[0] * y);
+  worldspace[1] += y * (unitsPerMeter[1] + unitsPerMeter2[1] * y);
+  const newLngLat = worldToLngLat(worldspace);
+  const newZ = (z0 || 0) + (z || 0);
+  return Number.isFinite(z0) || Number.isFinite(z) ? [newLngLat[0], newLngLat[1], newZ] : newLngLat;
+}
+function getViewMatrix(options) {
+  const {
+    height,
+    pitch,
+    bearing,
+    altitude,
+    scale,
+    center
+  } = options;
+  const vm = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["createMat4"])();
+  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["translate"](vm, vm, [0, 0, -altitude]);
+  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["rotateX"](vm, vm, -pitch * DEGREES_TO_RADIANS);
+  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["rotateZ"](vm, vm, bearing * DEGREES_TO_RADIANS);
+  const relativeScale = scale / height;
+  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["scale"](vm, vm, [relativeScale, relativeScale, relativeScale]);
+
+  if (center) {
+    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["translate"](vm, vm, gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_3__["negate"]([], center));
+  }
+
+  return vm;
+}
+function getProjectionParameters(options) {
+  const {
+    width,
+    height,
+    altitude,
+    pitch = 0,
+    nearZMultiplier = 1,
+    farZMultiplier = 1
+  } = options;
+  let {
+    fovy = altitudeToFovy(DEFAULT_ALTITUDE)
+  } = options;
+
+  if (altitude !== undefined) {
+    fovy = altitudeToFovy(altitude);
+  }
+
+  const halfFov = 0.5 * fovy * DEGREES_TO_RADIANS;
+  const focalDistance = fovyToAltitude(fovy);
+  const pitchRadians = pitch * DEGREES_TO_RADIANS;
+  const topHalfSurfaceDistance = Math.sin(halfFov) * focalDistance / Math.sin(Math.min(Math.max(Math.PI / 2 - pitchRadians - halfFov, 0.01), Math.PI - 0.01));
+  const farZ = Math.sin(pitchRadians) * topHalfSurfaceDistance + focalDistance;
+  return {
+    fov: 2 * halfFov,
+    aspect: width / height,
+    focalDistance,
+    near: nearZMultiplier,
+    far: farZ * farZMultiplier
+  };
+}
+function getProjectionMatrix(options) {
+  const {
+    fov,
+    aspect,
+    near,
+    far
+  } = getProjectionParameters(options);
+  const projectionMatrix = gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["perspective"]([], fov, aspect, near, far);
+  return projectionMatrix;
+}
+function altitudeToFovy(altitude) {
+  return 2 * Math.atan(0.5 / altitude) * RADIANS_TO_DEGREES;
+}
+function fovyToAltitude(fovy) {
+  return 0.5 / Math.tan(0.5 * fovy * DEGREES_TO_RADIANS);
+}
+function worldToPixels(xyz, pixelProjectionMatrix) {
+  const [x, y, z = 0] = xyz;
+  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(x) && Number.isFinite(y) && Number.isFinite(z));
+  return Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelProjectionMatrix, [x, y, z, 1]);
+}
+function pixelsToWorld(xyz, pixelUnprojectionMatrix, targetZ = 0) {
+  const [x, y, z] = xyz;
+  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(x) && Number.isFinite(y), 'invalid pixel coordinate');
+
+  if (Number.isFinite(z)) {
+    const coord = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelUnprojectionMatrix, [x, y, z, 1]);
+    return coord;
+  }
+
+  const coord0 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelUnprojectionMatrix, [x, y, 0, 1]);
+  const coord1 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelUnprojectionMatrix, [x, y, 1, 1]);
+  const z0 = coord0[2];
+  const z1 = coord1[2];
+  const t = z0 === z1 ? 0 : ((targetZ || 0) - z0) / (z1 - z0);
+  return gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["lerp"]([], coord0, coord1, t);
+}
+//# sourceMappingURL=web-mercator-utils.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js":
+/*!********************************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.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 WebMercatorViewport; });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "../../node_modules/@math.gl/web-mercator/node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
+/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
+/* harmony import */ var _fit_bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fit-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js");
+/* harmony import */ var _get_bounds__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js");
+/* harmony import */ var gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! gl-matrix/mat4 */ "../../node_modules/gl-matrix/esm/mat4.js");
+/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
+/* harmony import */ var gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! gl-matrix/vec3 */ "../../node_modules/gl-matrix/esm/vec3.js");
+
+
+
+
+
+
+
+
+class WebMercatorViewport {
+  constructor(props = {
+    width: 1,
+    height: 1
+  }) {
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "latitude", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "longitude", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "zoom", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "pitch", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "bearing", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "altitude", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "fovy", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "meterOffset", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "center", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "width", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "height", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "scale", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "distanceScales", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "viewMatrix", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "projectionMatrix", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "viewProjectionMatrix", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "pixelProjectionMatrix", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "pixelUnprojectionMatrix", void 0);
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "equals", viewport => {
+      if (!(viewport instanceof WebMercatorViewport)) {
+        return false;
+      }
+
+      return viewport.width === this.width && viewport.height === this.height && gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["equals"](viewport.projectionMatrix, this.projectionMatrix) && gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["equals"](viewport.viewMatrix, this.viewMatrix);
+    });
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "project", (lngLatZ, options = {}) => {
+      const {
+        topLeft = true
+      } = options;
+      const worldPosition = this.projectPosition(lngLatZ);
+      const coord = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["worldToPixels"])(worldPosition, this.pixelProjectionMatrix);
+      const [x, y] = coord;
+      const y2 = topLeft ? y : this.height - y;
+      return lngLatZ.length === 2 ? [x, y2] : [x, y2, coord[2]];
+    });
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "unproject", (xyz, options = {}) => {
+      const {
+        topLeft = true,
+        targetZ = undefined
+      } = options;
+      const [x, y, z] = xyz;
+      const y2 = topLeft ? y : this.height - y;
+      const targetZWorld = targetZ && targetZ * this.distanceScales.unitsPerMeter[2];
+      const coord = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["pixelsToWorld"])([x, y2, z], this.pixelUnprojectionMatrix, targetZWorld);
+      const [X, Y, Z] = this.unprojectPosition(coord);
+
+      if (Number.isFinite(z)) {
+        return [X, Y, Z];
+      }
+
+      return Number.isFinite(targetZ) ? [X, Y, targetZ] : [X, Y];
+    });
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "projectPosition", xyz => {
+      const [X, Y] = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["lngLatToWorld"])(xyz);
+      const Z = (xyz[2] || 0) * this.distanceScales.unitsPerMeter[2];
+      return [X, Y, Z];
+    });
+
+    Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "unprojectPosition", xyz => {
+      const [X, Y] = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["worldToLngLat"])(xyz);
+      const Z = (xyz[2] || 0) * this.distanceScales.metersPerUnit[2];
+      return [X, Y, Z];
+    });
+
+    let {
+      width,
+      height,
+      altitude = null,
+      fovy = null
+    } = props;
+    const {
+      latitude = 0,
+      longitude = 0,
+      zoom = 0,
+      pitch = 0,
+      bearing = 0,
+      position = null,
+      nearZMultiplier = 0.02,
+      farZMultiplier = 1.01
+    } = props;
+    width = width || 1;
+    height = height || 1;
+
+    if (fovy === null && altitude === null) {
+      altitude = _web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["DEFAULT_ALTITUDE"];
+      fovy = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["altitudeToFovy"])(altitude);
+    } else if (fovy === null) {
+      fovy = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["altitudeToFovy"])(altitude);
+    } else if (altitude === null) {
+      altitude = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["fovyToAltitude"])(fovy);
+    }
+
+    const scale = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["zoomToScale"])(zoom);
+    altitude = Math.max(0.75, altitude);
+    const distanceScales = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["getDistanceScales"])({
+      longitude,
+      latitude
+    });
+    const center = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["lngLatToWorld"])([longitude, latitude]);
+    center.push(0);
+
+    if (position) {
+      gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_7__["add"](center, center, gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_7__["mul"]([], position, distanceScales.unitsPerMeter));
+    }
+
+    this.projectionMatrix = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["getProjectionMatrix"])({
+      width,
+      height,
+      pitch,
+      fovy,
+      nearZMultiplier,
+      farZMultiplier
+    });
+    this.viewMatrix = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["getViewMatrix"])({
+      height,
+      scale,
+      center,
+      pitch,
+      bearing,
+      altitude
+    });
+    this.width = width;
+    this.height = height;
+    this.scale = scale;
+    this.latitude = latitude;
+    this.longitude = longitude;
+    this.zoom = zoom;
+    this.pitch = pitch;
+    this.bearing = bearing;
+    this.altitude = altitude;
+    this.fovy = fovy;
+    this.center = center;
+    this.meterOffset = position || [0, 0, 0];
+    this.distanceScales = distanceScales;
+
+    this._initMatrices();
+
+    Object.freeze(this);
+  }
+
+  _initMatrices() {
+    const {
+      width,
+      height,
+      projectionMatrix,
+      viewMatrix
+    } = this;
+    const vpm = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["createMat4"])();
+    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["multiply"](vpm, vpm, projectionMatrix);
+    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["multiply"](vpm, vpm, viewMatrix);
+    this.viewProjectionMatrix = vpm;
+    const m = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["createMat4"])();
+    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["scale"](m, m, [width / 2, -height / 2, 1]);
+    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["translate"](m, m, [1, -1, 0]);
+    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["multiply"](m, m, vpm);
+    const mInverse = gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_5__["invert"](Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["createMat4"])(), m);
+
+    if (!mInverse) {
+      throw new Error('Pixel project matrix not invertible');
+    }
+
+    this.pixelProjectionMatrix = m;
+    this.pixelUnprojectionMatrix = mInverse;
+  }
+
+  projectFlat(lngLat) {
+    return Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["lngLatToWorld"])(lngLat);
+  }
+
+  unprojectFlat(xy) {
+    return Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["worldToLngLat"])(xy);
+  }
+
+  getMapCenterByLngLatPosition({
+    lngLat,
+    pos
+  }) {
+    const fromLocation = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["pixelsToWorld"])(pos, this.pixelUnprojectionMatrix);
+    const toLocation = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["lngLatToWorld"])(lngLat);
+    const translate = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_6__["add"]([], toLocation, gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_6__["negate"]([], fromLocation));
+    const newCenter = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_6__["add"]([], this.center, translate);
+    return Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_2__["worldToLngLat"])(newCenter);
+  }
+
+  fitBounds(bounds, options = {}) {
+    const {
+      width,
+      height
+    } = this;
+    const {
+      longitude,
+      latitude,
+      zoom
+    } = Object(_fit_bounds__WEBPACK_IMPORTED_MODULE_3__["default"])(Object.assign({
+      width,
+      height,
+      bounds
+    }, options));
+    return new WebMercatorViewport({
+      width,
+      height,
+      longitude,
+      latitude,
+      zoom
+    });
+  }
+
+  getBounds(options) {
+    const corners = this.getBoundingRegion(options);
+    const west = Math.min(...corners.map(p => p[0]));
+    const east = Math.max(...corners.map(p => p[0]));
+    const south = Math.min(...corners.map(p => p[1]));
+    const north = Math.max(...corners.map(p => p[1]));
+    return [[west, south], [east, north]];
+  }
+
+  getBoundingRegion(options = {}) {
+    return Object(_get_bounds__WEBPACK_IMPORTED_MODULE_4__["default"])(this, options.z || 0);
+  }
+
+  getLocationAtPoint({
+    lngLat,
+    pos
+  }) {
+    return this.getMapCenterByLngLatPosition({
+      lngLat,
+      pos
+    });
+  }
+
+}
+//# sourceMappingURL=web-mercator-viewport.js.map
+
+/***/ }),
+
+/***/ "../../node_modules/@math.gl/web-mercator/node_modules/@babel/runtime/helpers/esm/defineProperty.js":
+/*!********************************************************************************************************************************!*\
+  !*** /Users/missx/Source/deck.gl/node_modules/@math.gl/web-mercator/node_modules/@babel/runtime/helpers/esm/defineProperty.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 _defineProperty; });
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+/***/ }),
+
 /***/ "../../node_modules/cartocolor/cartocolor.js":
 /*!*************************************************************************!*\
   !*** /Users/missx/Source/deck.gl/node_modules/cartocolor/cartocolor.js ***!
@@ -47202,7 +48187,7 @@ function buildMapsUrlFromBase(apiBaseUrl) {
 /*!**********************!*\
   !*** ./src/index.ts ***!
   \**********************/
-/*! exports provided: getDefaultCredentials, setDefaultCredentials, CartoLayer, _CartoTileLayer, _H3TileLayer, _QuadkeyTileLayer, BASEMAP, colorBins, colorCategories, colorContinuous, FORMATS, TILE_FORMATS, MAP_TYPES, API_VERSIONS, fetchLayerData, fetchMap, _getDataV2, _mapInstantiation */
+/*! exports provided: getDefaultCredentials, setDefaultCredentials, CartoLayer, _CartoTileLayer, _H3TileLayer, _QuadbinTileLayer, _tileToQuadbin, _quadbinToTile, _quadbinZoom, BASEMAP, colorBins, colorCategories, colorContinuous, FORMATS, TILE_FORMATS, MAP_TYPES, API_VERSIONS, fetchLayerData, fetchMap, _getDataV2, _mapInstantiation */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -47221,37 +48206,45 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _layers_h3_tile_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./layers/h3-tile-layer */ "./src/layers/h3-tile-layer.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_H3TileLayer", function() { return _layers_h3_tile_layer__WEBPACK_IMPORTED_MODULE_3__["default"]; });
 
-/* harmony import */ var _layers_quadkey_tile_layer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layers/quadkey-tile-layer */ "./src/layers/quadkey-tile-layer.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_QuadkeyTileLayer", function() { return _layers_quadkey_tile_layer__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+/* harmony import */ var _layers_quadbin_tile_layer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layers/quadbin-tile-layer */ "./src/layers/quadbin-tile-layer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_QuadbinTileLayer", function() { return _layers_quadbin_tile_layer__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+
+/* harmony import */ var _layers_quadbin_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./layers/quadbin-utils */ "./src/layers/quadbin-utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_tileToQuadbin", function() { return _layers_quadbin_utils__WEBPACK_IMPORTED_MODULE_5__["tileToQuadbin"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_quadbinToTile", function() { return _layers_quadbin_utils__WEBPACK_IMPORTED_MODULE_5__["quadbinToTile"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_quadbinZoom", function() { return _layers_quadbin_utils__WEBPACK_IMPORTED_MODULE_5__["quadbinZoom"]; });
 
-/* harmony import */ var _basemap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./basemap */ "./src/basemap.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BASEMAP", function() { return _basemap__WEBPACK_IMPORTED_MODULE_5__["default"]; });
+/* harmony import */ var _basemap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./basemap */ "./src/basemap.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BASEMAP", function() { return _basemap__WEBPACK_IMPORTED_MODULE_6__["default"]; });
 
-/* harmony import */ var _style_color_bins_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style/color-bins-style */ "./src/style/color-bins-style.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorBins", function() { return _style_color_bins_style__WEBPACK_IMPORTED_MODULE_6__["default"]; });
+/* harmony import */ var _style_color_bins_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style/color-bins-style */ "./src/style/color-bins-style.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorBins", function() { return _style_color_bins_style__WEBPACK_IMPORTED_MODULE_7__["default"]; });
 
-/* harmony import */ var _style_color_categories_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style/color-categories-style */ "./src/style/color-categories-style.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorCategories", function() { return _style_color_categories_style__WEBPACK_IMPORTED_MODULE_7__["default"]; });
+/* harmony import */ var _style_color_categories_style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style/color-categories-style */ "./src/style/color-categories-style.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorCategories", function() { return _style_color_categories_style__WEBPACK_IMPORTED_MODULE_8__["default"]; });
 
-/* harmony import */ var _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./style/color-continuous-style */ "./src/style/color-continuous-style.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorContinuous", function() { return _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_8__["default"]; });
+/* harmony import */ var _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style/color-continuous-style */ "./src/style/color-continuous-style.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorContinuous", function() { return _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_9__["default"]; });
 
-/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./api */ "./src/api/index.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["FORMATS"]; });
+/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./api */ "./src/api/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["FORMATS"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TILE_FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["TILE_FORMATS"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TILE_FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["TILE_FORMATS"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MAP_TYPES", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["MAP_TYPES"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MAP_TYPES", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["MAP_TYPES"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "API_VERSIONS", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["API_VERSIONS"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "API_VERSIONS", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["API_VERSIONS"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchLayerData", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["fetchLayerData"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchLayerData", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["fetchLayerData"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchMap", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["fetchMap"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchMap", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["fetchMap"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_getDataV2", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["getDataV2"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_getDataV2", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["getDataV2"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_mapInstantiation", function() { return _api__WEBPACK_IMPORTED_MODULE_10__["mapInstantiation"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_mapInstantiation", function() { return _api__WEBPACK_IMPORTED_MODULE_9__["mapInstantiation"]; });
 
 
 
@@ -47280,7 +48273,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _carto_tile_layer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./carto-tile-layer */ "./src/layers/carto-tile-layer.ts");
 /* harmony import */ var _h3_tile_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./h3-tile-layer */ "./src/layers/h3-tile-layer.ts");
-/* harmony import */ var _quadkey_tile_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./quadkey-tile-layer */ "./src/layers/quadkey-tile-layer.ts");
+/* harmony import */ var _quadbin_tile_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./quadbin-tile-layer */ "./src/layers/quadbin-tile-layer.ts");
 /* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../api */ "./src/api/index.ts");
 /* harmony import */ var _api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../api/maps-api-common */ "./src/api/maps-api-common.ts");
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config */ "./src/config.ts");
@@ -47336,9 +48329,9 @@ const defaultProps = {
     type: 'array',
     value: null
   },
-  // (String, optional): aggregration SQL expression. Only used for spatial index datasets
+  // (String, optional): aggregation SQL expression. Only used for spatial index datasets
   aggregationExp: null,
-  // (Number, optional): aggregration resolution level. Only used for spatial index datasets, defaults to 6 for quadkeys, 4 for h3
+  // (Number, optional): aggregation resolution level. Only used for spatial index datasets, defaults to 6 for quadbins, 4 for h3
   aggregationResLevel: null
 };
 /** All properties supported by CartoLayer. */
@@ -47501,8 +48494,8 @@ class CartoLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLa
       return [_h3_tile_layer__WEBPACK_IMPORTED_MODULE_2__["default"], props];
     }
 
-    if (data.scheme === 'quadkey') {
-      return [_quadkey_tile_layer__WEBPACK_IMPORTED_MODULE_3__["default"], props];
+    if (data.scheme === 'quadbin') {
+      return [_quadbin_tile_layer__WEBPACK_IMPORTED_MODULE_3__["default"], props];
     }
 
     return props.formatTiles === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__["TILE_FORMATS"].MVT ? [_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["MVTLayer"], props] : [_carto_tile_layer__WEBPACK_IMPORTED_MODULE_1__["default"], props];
@@ -47783,14 +48776,35 @@ class H3TileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeL
       data,
       tileJSON
     } = this.state;
-    const maxZoom = parseInt(tileJSON.maxresolution);
+    let minresolution = parseInt(tileJSON.minresolution);
+    let maxresolution = parseInt(tileJSON.maxresolution); // Convert Mercator zooms provided in props into H3 res levels
+    // and clip into valid range provided from the tilejson
+
+    if (this.props.minZoom) {
+      minresolution = Math.max(minresolution, Object(_h3_tileset_2d__WEBPACK_IMPORTED_MODULE_1__["getHexagonResolution"])({
+        zoom: this.props.minZoom,
+        latitude: 0
+      }));
+    }
+
+    if (this.props.maxZoom) {
+      maxresolution = Math.min(maxresolution, Object(_h3_tileset_2d__WEBPACK_IMPORTED_MODULE_1__["getHexagonResolution"])({
+        zoom: this.props.maxZoom,
+        latitude: 0
+      }));
+    } // The naming is unfortunate, but minZoom & maxZoom in the context
+    // of a Tileset2D refer to the resolution levels, not the Mercator zooms
+
+
     return [new _spatial_index_tile_layer__WEBPACK_IMPORTED_MODULE_2__["default"](this.props, {
       id: `h3-tile-layer-${this.props.id}`,
       data,
       // @ts-expect-error Tileset2D should be generic over TileIndex
       TilesetClass: _h3_tileset_2d__WEBPACK_IMPORTED_MODULE_1__["default"],
       renderSubLayers,
-      maxZoom
+      // minZoom and maxZoom are H3 resolutions, however we must use this naming as that is what the Tileset2D class expects
+      minZoom: minresolution,
+      maxZoom: maxresolution
     })];
   }
 
@@ -47806,11 +48820,12 @@ _defineProperty(H3TileLayer, "defaultProps", defaultProps);
 /*!*************************************!*\
   !*** ./src/layers/h3-tileset-2d.ts ***!
   \*************************************/
-/*! exports provided: default */
+/*! exports provided: getHexagonResolution, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHexagonResolution", function() { return getHexagonResolution; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return H3Tileset2D; });
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__);
@@ -47825,20 +48840,26 @@ function getHexagonsInBoundingBox({
   east,
   south
 }, resolution) {
-  if (Math.abs(east - west) > 180) {
+  const longitudeSpan = Math.abs(east - west);
+
+  if (longitudeSpan > 180) {
     // This is a known issue in h3-js: polyfill does not work correctly
     // when longitude span is larger than 180 degrees.
-    return [...new Set(getHexagonsInBoundingBox({
-      west,
-      north,
-      east: 0,
-      south
-    }, resolution).concat(getHexagonsInBoundingBox({
-      west: 0,
-      north,
-      east,
-      south
-    }, resolution)))];
+    const nSegments = Math.ceil(longitudeSpan / 180);
+    let h3Indices = [];
+
+    for (let s = 0; s < nSegments; s++) {
+      const segmentEast = east + s * 180;
+      const segmentWest = Math.min(segmentEast + 179.9999999, west);
+      h3Indices = h3Indices.concat(getHexagonsInBoundingBox({
+        west: segmentWest,
+        north,
+        east: segmentEast,
+        south
+      }, resolution));
+    }
+
+    return [...new Set(h3Indices)];
   } // `polyfill()` fills based on hexagon center, which means tiles vanish
   // prematurely. Get more accurate coverage by oversampling
 
@@ -47869,15 +48890,18 @@ function tileToBoundingBox(index) {
 
 
 const BIAS = 2;
-
 function getHexagonResolution(viewport) {
   const hexagonScaleFactor = 2 / 3 * viewport.zoom;
   const latitudeScaleFactor = Math.log(1 / Math.cos(Math.PI * viewport.latitude / 180)); // Clip and bias
 
   return Math.max(0, Math.floor(hexagonScaleFactor + latitudeScaleFactor - BIAS));
 }
-
 class H3Tileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_Tileset2D"] {
+  /**
+   * Returns all tile indices in the current viewport. If the current zoom level is smaller
+   * than minZoom, return an empty array. If the current zoom level is greater than maxZoom,
+   * return tiles that are on maxZoom.
+   */
   // @ts-expect-error Tileset2D should be generic over TileIndex
   getTileIndices({
     viewport,
@@ -47889,7 +48913,8 @@ class H3Tileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_Til
     let indices;
 
     if (typeof minZoom === 'number' && Number.isFinite(minZoom) && z < minZoom) {
-      z = minZoom;
+      // TODO support `extent` prop
+      return [];
     }
 
     if (typeof maxZoom === 'number' && Number.isFinite(maxZoom) && z > maxZoom) {
@@ -47948,20 +48973,68 @@ class H3Tileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_Til
 
 /***/ }),
 
-/***/ "./src/layers/quadkey-tile-layer.ts":
+/***/ "./src/layers/quadbin-layer.ts":
+/*!*************************************!*\
+  !*** ./src/layers/quadbin-layer.ts ***!
+  \*************************************/
+/*! 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 QuadbinLayer; });
+/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _quadbin_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadbin-utils */ "./src/layers/quadbin-utils.ts");
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+const defaultProps = {
+  getQuadbin: {
+    type: 'accessor',
+    value: d => d.quadbin
+  }
+};
+/** All properties supported by QuadbinLayer. */
+
+class QuadbinLayer extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_GeoCellLayer"] {
+  indexToBounds() {
+    const {
+      data,
+      getQuadbin
+    } = this.props;
+    return {
+      data,
+      _normalize: false,
+      positionFormat: 'XY',
+      getPolygon: (x, objectInfo) => Object(_quadbin_utils__WEBPACK_IMPORTED_MODULE_1__["getQuadbinPolygon"])(getQuadbin(x, objectInfo))
+    };
+  }
+
+}
+
+_defineProperty(QuadbinLayer, "layerName", 'QuadbinLayer');
+
+_defineProperty(QuadbinLayer, "defaultProps", defaultProps);
+
+/***/ }),
+
+/***/ "./src/layers/quadbin-tile-layer.ts":
 /*!******************************************!*\
-  !*** ./src/layers/quadkey-tile-layer.ts ***!
+  !*** ./src/layers/quadbin-tile-layer.ts ***!
   \******************************************/
 /*! 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 QuadkeyTileLayer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return QuadbinTileLayer; });
 /* 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 _quadkey_tileset_2d__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadkey-tileset-2d */ "./src/layers/quadkey-tileset-2d.ts");
-/* harmony import */ var _spatial_index_tile_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spatial-index-tile-layer */ "./src/layers/spatial-index-tile-layer.ts");
+/* harmony import */ var _quadbin_layer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadbin-layer */ "./src/layers/quadbin-layer.ts");
+/* harmony import */ var _quadbin_tileset_2d__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./quadbin-tileset-2d */ "./src/layers/quadbin-tileset-2d.ts");
+/* harmony import */ var _spatial_index_tile_layer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./spatial-index-tile-layer */ "./src/layers/spatial-index-tile-layer.ts");
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
@@ -47974,17 +49047,17 @@ const renderSubLayers = props => {
     data
   } = props;
   if (!data || !data.length) return null;
-  return new _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["QuadkeyLayer"](props, {
-    getQuadkey: d => d.id
+  return new _quadbin_layer__WEBPACK_IMPORTED_MODULE_1__["default"](props, {
+    getQuadbin: d => d.id
   });
 };
 
 const defaultProps = {
   aggregationResLevel: 6
 };
-/** All properties supported by QuadkeyTileLayer. */
+/** All properties supported by QuadbinTileLayer. */
 
-class QuadkeyTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLayer"] {
+class QuadbinTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLayer"] {
   constructor(...args) {
     super(...args);
 
@@ -48020,11 +49093,11 @@ class QuadkeyTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["Compo
       tileJSON
     } = this.state;
     const maxZoom = parseInt(tileJSON?.maxresolution);
-    return [new _spatial_index_tile_layer__WEBPACK_IMPORTED_MODULE_2__["default"](this.props, {
-      id: `quadkey-tile-layer-${this.props.id}`,
+    return [new _spatial_index_tile_layer__WEBPACK_IMPORTED_MODULE_3__["default"](this.props, {
+      id: `quadbin-tile-layer-${this.props.id}`,
       data,
       // TODO: Tileset2D should be generic over TileIndex type
-      TilesetClass: _quadkey_tileset_2d__WEBPACK_IMPORTED_MODULE_1__["default"],
+      TilesetClass: _quadbin_tileset_2d__WEBPACK_IMPORTED_MODULE_2__["default"],
       renderSubLayers,
       maxZoom
     })];
@@ -48032,69 +49105,33 @@ class QuadkeyTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["Compo
 
 }
 
-_defineProperty(QuadkeyTileLayer, "layerName", 'QuadkeyTileLayer');
+_defineProperty(QuadbinTileLayer, "layerName", 'QuadbinTileLayer');
 
-_defineProperty(QuadkeyTileLayer, "defaultProps", defaultProps);
+_defineProperty(QuadbinTileLayer, "defaultProps", defaultProps);
 
 /***/ }),
 
-/***/ "./src/layers/quadkey-tileset-2d.ts":
+/***/ "./src/layers/quadbin-tileset-2d.ts":
 /*!******************************************!*\
-  !*** ./src/layers/quadkey-tileset-2d.ts ***!
+  !*** ./src/layers/quadbin-tileset-2d.ts ***!
   \******************************************/
 /*! 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 QuadkeyTileset2D; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return QuadbinTileset2D; });
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _quadbin_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadbin-utils */ "./src/layers/quadbin-utils.ts");
 
 
-function tileToQuadkey(tile) {
-  let index = '';
-
-  for (let z = tile.z; z > 0; z--) {
-    let b = 0;
-    const mask = 1 << z - 1;
-    if ((tile.x & mask) !== 0) b++;
-    if ((tile.y & mask) !== 0) b += 2;
-    index += b.toString();
-  }
-
-  return {
-    i: index
-  };
-}
-
-function quadkeyToTile(index) {
-  const quadkey = index.i;
-  const tile = {
-    x: 0,
-    y: 0,
-    z: quadkey.length
-  };
-
-  for (let i = tile.z; i > 0; i--) {
-    const mask = 1 << i - 1;
-    const q = Number(quadkey[tile.z - i]);
-    if (q === 1) tile.x |= mask;
-    if (q === 2) tile.y |= mask;
-
-    if (q === 3) {
-      tile.x |= mask;
-      tile.y |= mask;
-    }
-  }
-
-  return tile;
-}
-
-class QuadkeyTileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_Tileset2D"] {
+class QuadbinTileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_Tileset2D"] {
   // @ts-expect-error for spatial indices, TileSet2d should be parametrized by TileIndexT
   getTileIndices(opts) {
-    return super.getTileIndices(opts).map(tileToQuadkey);
+    return super.getTileIndices(opts).map(_quadbin_utils__WEBPACK_IMPORTED_MODULE_1__["tileToQuadbin"]).map(i => ({
+      i
+    }));
   } // @ts-expect-error TileIndex must be generic
 
 
@@ -48105,22 +49142,25 @@ class QuadkeyTileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__[
   } // @ts-expect-error TileIndex must be generic
 
 
-  getTileMetadata(index) {
-    return super.getTileMetadata(quadkeyToTile(index));
+  getTileMetadata({
+    i
+  }) {
+    return super.getTileMetadata(Object(_quadbin_utils__WEBPACK_IMPORTED_MODULE_1__["quadbinToTile"])(i));
   } // @ts-expect-error TileIndex must be generic
 
 
   getTileZoom({
     i
   }) {
-    return i.length;
+    return Number(Object(_quadbin_utils__WEBPACK_IMPORTED_MODULE_1__["quadbinZoom"])(i));
   } // @ts-expect-error TileIndex must be generic
 
 
-  getParentIndex(index) {
-    const i = index.i.slice(0, -1);
+  getParentIndex({
+    i
+  }) {
     return {
-      i
+      i: Object(_quadbin_utils__WEBPACK_IMPORTED_MODULE_1__["quadbinParent"])(i)
     };
   }
 
@@ -48128,6 +49168,112 @@ class QuadkeyTileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__[
 
 /***/ }),
 
+/***/ "./src/layers/quadbin-utils.ts":
+/*!*************************************!*\
+  !*** ./src/layers/quadbin-utils.ts ***!
+  \*************************************/
+/*! exports provided: tileToQuadbin, quadbinToTile, quadbinZoom, quadbinParent, quadbinToWorldBounds, getQuadbinPolygon */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tileToQuadbin", function() { return tileToQuadbin; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "quadbinToTile", function() { return quadbinToTile; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "quadbinZoom", function() { return quadbinZoom; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "quadbinParent", function() { return quadbinParent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "quadbinToWorldBounds", function() { return quadbinToWorldBounds; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getQuadbinPolygon", function() { return getQuadbinPolygon; });
+/* 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;
+const B = [0x5555555555555555n, 0x3333333333333333n, 0x0f0f0f0f0f0f0f0fn, 0x00ff00ff00ff00ffn, 0x0000ffff0000ffffn, 0x00000000ffffffffn];
+const S = [0n, 1n, 2n, 4n, 8n, 16n];
+
+function indexToBigInt(index) {
+  return BigInt(`0x${index}`);
+}
+
+function bigIntToIndex(quadbin) {
+  return quadbin.toString(16);
+}
+
+function tileToQuadbin(tile) {
+  if (tile.z < 0 || tile.z > 26) {
+    throw new Error('Wrong zoom');
+  }
+
+  const z = BigInt(tile.z);
+  let x = BigInt(tile.x) << 32n - z;
+  let y = BigInt(tile.y) << 32n - z;
+
+  for (let i = 0; i < 5; i++) {
+    const s = S[5 - i];
+    const b = B[4 - i];
+    x = (x | x << s) & b;
+    y = (y | y << s) & b;
+  }
+
+  const quadbin = 0x4000000000000000n | 1n << 59n | z << 52n | (x | y << 1n) >> 12n | 0xfffffffffffffn >> z * 2n;
+  return bigIntToIndex(quadbin);
+}
+function quadbinToTile(index) {
+  const quadbin = indexToBigInt(index);
+  const mode = quadbin >> 59n & 7n;
+  const modeDep = quadbin >> 57n & 3n;
+  const z = quadbin >> 52n & 0x1fn;
+  const q = (quadbin & 0xfffffffffffffn) << 12n;
+
+  if (mode !== 1n && modeDep !== 0n) {
+    throw new Error('Wrong mode');
+  }
+
+  let x = q;
+  let y = q >> 1n;
+
+  for (let i = 0; i < 6; i++) {
+    const s = S[i];
+    const b = B[i];
+    x = (x | x >> s) & b;
+    y = (y | y >> s) & b;
+  }
+
+  x = x >> 32n - z;
+  y = y >> 32n - z;
+  return {
+    z: Number(z),
+    x: Number(x),
+    y: Number(y)
+  };
+}
+function quadbinZoom(index) {
+  const quadbin = indexToBigInt(index);
+  return quadbin >> 52n & 0x1fn;
+}
+function quadbinParent(index) {
+  const quadbin = indexToBigInt(index);
+  const zparent = quadbinZoom(index) - 1n;
+  const parent = quadbin & ~(0x1fn << 52n) | zparent << 52n | 0xfffffffffffffn >> zparent * 2n;
+  return bigIntToIndex(parent);
+}
+function quadbinToWorldBounds(quadbin) {
+  const {
+    x,
+    y,
+    z
+  } = quadbinToTile(quadbin);
+  const mask = 1 << z;
+  const scale = mask / TILE_SIZE;
+  return [[x / scale, TILE_SIZE - y / scale], [(x + 0.99) / scale, TILE_SIZE - (y + 0.99) / scale]];
+}
+function getQuadbinPolygon(quadbin) {
+  const [topLeft, bottomRight] = quadbinToWorldBounds(quadbin);
+  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/layers/schema/carto-tile.ts":
 /*!*****************************************!*\
   !*** ./src/layers/schema/carto-tile.ts ***!