@deck.gl/aggregation-layers 9.0.0-beta.2 → 9.0.0-beta.4

package/dist/es5/heatmap-layer/heatmap-layer.js

@@ -1,678 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-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 _heatmapLayerUtils = require("./heatmap-layer-utils");
-
-var _constants = require("@luma.gl/constants");
-
-var _engine = require("@luma.gl/engine");
-
-var _core = require("@deck.gl/core");
-
-var _triangleLayer = _interopRequireDefault(require("./triangle-layer"));
-
-var _aggregationLayer = _interopRequireDefault(require("../aggregation-layer"));
-
-var _colorUtils = require("../utils/color-utils");
-
-var _weightsVs = _interopRequireDefault(require("./weights-vs.glsl"));
-
-var _weightsFs = _interopRequireDefault(require("./weights-fs.glsl"));
-
-var _maxVs = _interopRequireDefault(require("./max-vs.glsl"));
-
-var _maxFs = _interopRequireDefault(require("./max-fs.glsl"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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 RESOLUTION = 2;
-var TEXTURE_PROPS = {
-  format: 'rgba8unorm',
-  mipmaps: false,
-  sampler: {
-    minFilter: 'linear',
-    magFilter: 'linear',
-    addressModeU: 'clamp-to-edge',
-    addressModeV: 'clamp-to-edge'
-  }
-};
-var DEFAULT_COLOR_DOMAIN = [0, 0];
-var AGGREGATION_MODE = {
-  SUM: 0,
-  MEAN: 1
-};
-var defaultProps = {
-  getPosition: {
-    type: 'accessor',
-    value: function value(x) {
-      return x.position;
-    }
-  },
-  getWeight: {
-    type: 'accessor',
-    value: 1
-  },
-  intensity: {
-    type: 'number',
-    min: 0,
-    value: 1
-  },
-  radiusPixels: {
-    type: 'number',
-    min: 1,
-    max: 100,
-    value: 50
-  },
-  colorRange: _colorUtils.defaultColorRange,
-  threshold: {
-    type: 'number',
-    min: 0,
-    max: 1,
-    value: 0.05
-  },
-  colorDomain: {
-    type: 'array',
-    value: null,
-    optional: true
-  },
-  aggregation: 'SUM',
-  weightsTextureSize: {
-    type: 'number',
-    min: 128,
-    max: 2048,
-    value: 2048
-  },
-  debounceTimeout: {
-    type: 'number',
-    min: 0,
-    max: 1000,
-    value: 500
-  }
-};
-var REQUIRED_FEATURES = ['blend-minmax-webgl1', 'texture-formats-float32-webgl1'];
-var FLOAT_TARGET_FEATURES = ['texture-renderable-float32-webgl', 'texture-blend-float-webgl1'];
-var DIMENSIONS = {
-  data: {
-    props: ['radiusPixels']
-  }
-};
-
-var HeatmapLayer = function (_AggregationLayer) {
-  (0, _inherits2.default)(HeatmapLayer, _AggregationLayer);
-
-  var _super = _createSuper(HeatmapLayer);
-
-  function HeatmapLayer() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HeatmapLayer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = void 0;
-    return _this;
-  }
-
-  var _proto = HeatmapLayer.prototype;
-
-  _proto.initializeState = function initializeState() {
-    var _this2 = this;
-
-    if (!REQUIRED_FEATURES.every(function (feature) {
-      return _this2.context.device.features.has(feature);
-    })) {
-      this.setState({
-        supported: false
-      });
-
-      _core.log.error("HeatmapLayer: ".concat(this.id, " is not supported on this browser"))();
-
-      return;
-    }
-
-    (0, _get2.default)((0, _getPrototypeOf2.default)(HeatmapLayer.prototype), "initializeAggregationLayer", this).call(this, DIMENSIONS);
-    this.setState({
-      supported: true,
-      colorDomain: DEFAULT_COLOR_DOMAIN
-    });
-
-    this._setupTextureParams();
-
-    this._setupAttributes();
-
-    this._setupResources();
-  };
-
-  _proto.shouldUpdateState = function shouldUpdateState(_ref) {
-    var changeFlags = _ref.changeFlags;
-    return changeFlags.somethingChanged;
-  };
-
-  _proto.updateState = function updateState(opts) {
-    if (!this.state.supported) {
-      return;
-    }
-
-    (0, _get2.default)((0, _getPrototypeOf2.default)(HeatmapLayer.prototype), "updateState", this).call(this, opts);
-
-    this._updateHeatmapState(opts);
-  };
-
-  _proto._updateHeatmapState = function _updateHeatmapState(opts) {
-    var props = opts.props,
-        oldProps = opts.oldProps;
-
-    var changeFlags = this._getChangeFlags(opts);
-
-    if (changeFlags.dataChanged || changeFlags.viewportChanged) {
-      changeFlags.boundsChanged = this._updateBounds(changeFlags.dataChanged);
-
-      this._updateTextureRenderingBounds();
-    }
-
-    if (changeFlags.dataChanged || changeFlags.boundsChanged) {
-      clearTimeout(this.state.updateTimer);
-      this.setState({
-        isWeightMapDirty: true
-      });
-    } else if (changeFlags.viewportZoomChanged) {
-      this._debouncedUpdateWeightmap();
-    }
-
-    if (props.colorRange !== oldProps.colorRange) {
-      this._updateColorTexture(opts);
-    }
-
-    if (this.state.isWeightMapDirty) {
-      this._updateWeightmap();
-    }
-
-    this.setState({
-      zoom: opts.context.viewport.zoom
-    });
-  };
-
-  _proto.renderLayers = function renderLayers() {
-    if (!this.state.supported) {
-      return [];
-    }
-
-    var _this$state = this.state,
-        weightsTexture = _this$state.weightsTexture,
-        triPositionBuffer = _this$state.triPositionBuffer,
-        triTexCoordBuffer = _this$state.triTexCoordBuffer,
-        maxWeightsTexture = _this$state.maxWeightsTexture,
-        colorTexture = _this$state.colorTexture,
-        colorDomain = _this$state.colorDomain;
-    var _this$props = this.props,
-        updateTriggers = _this$props.updateTriggers,
-        intensity = _this$props.intensity,
-        threshold = _this$props.threshold,
-        aggregation = _this$props.aggregation;
-    var TriangleLayerClass = this.getSubLayerClass('triangle', _triangleLayer.default);
-    return new TriangleLayerClass(this.getSubLayerProps({
-      id: 'triangle-layer',
-      updateTriggers: updateTriggers
-    }), {
-      coordinateSystem: _core.COORDINATE_SYSTEM.DEFAULT,
-      data: {
-        attributes: {
-          positions: triPositionBuffer,
-          texCoords: triTexCoordBuffer
-        }
-      },
-      vertexCount: 4,
-      maxTexture: maxWeightsTexture,
-      colorTexture: colorTexture,
-      aggregationMode: AGGREGATION_MODE[aggregation] || 0,
-      weightsTexture: weightsTexture,
-      intensity: intensity,
-      threshold: threshold,
-      colorDomain: colorDomain
-    });
-  };
-
-  _proto.finalizeState = function finalizeState(context) {
-    (0, _get2.default)((0, _getPrototypeOf2.default)(HeatmapLayer.prototype), "finalizeState", this).call(this, context);
-    var _this$state2 = this.state,
-        weightsTransform = _this$state2.weightsTransform,
-        weightsTexture = _this$state2.weightsTexture,
-        maxWeightTransform = _this$state2.maxWeightTransform,
-        maxWeightsTexture = _this$state2.maxWeightsTexture,
-        triPositionBuffer = _this$state2.triPositionBuffer,
-        triTexCoordBuffer = _this$state2.triTexCoordBuffer,
-        colorTexture = _this$state2.colorTexture,
-        updateTimer = _this$state2.updateTimer;
-    weightsTransform === null || weightsTransform === void 0 ? void 0 : weightsTransform.destroy();
-    weightsTexture === null || weightsTexture === void 0 ? void 0 : weightsTexture.destroy();
-    maxWeightTransform === null || maxWeightTransform === void 0 ? void 0 : maxWeightTransform.destroy();
-    maxWeightsTexture === null || maxWeightsTexture === void 0 ? void 0 : maxWeightsTexture.destroy();
-    triPositionBuffer === null || triPositionBuffer === void 0 ? void 0 : triPositionBuffer.destroy();
-    triTexCoordBuffer === null || triTexCoordBuffer === void 0 ? void 0 : triTexCoordBuffer.destroy();
-    colorTexture === null || colorTexture === void 0 ? void 0 : colorTexture.destroy();
-
-    if (updateTimer) {
-      clearTimeout(updateTimer);
-    }
-  };
-
-  _proto._getAttributeManager = function _getAttributeManager() {
-    return new _core.AttributeManager(this.context.device, {
-      id: this.props.id,
-      stats: this.context.stats
-    });
-  };
-
-  _proto._getChangeFlags = function _getChangeFlags(opts) {
-    var changeFlags = {};
-    var dimensions = this.state.dimensions;
-    changeFlags.dataChanged = this.isAttributeChanged() && 'attribute changed' || this.isAggregationDirty(opts, {
-      compareAll: true,
-      dimension: dimensions.data
-    }) && 'aggregation is dirty';
-    changeFlags.viewportChanged = opts.changeFlags.viewportChanged;
-    var zoom = this.state.zoom;
-
-    if (!opts.context.viewport || opts.context.viewport.zoom !== zoom) {
-      changeFlags.viewportZoomChanged = true;
-    }
-
-    return changeFlags;
-  };
-
-  _proto._createTextures = function _createTextures() {
-    var _this$state3 = this.state,
-        textureSize = _this$state3.textureSize,
-        format = _this$state3.format;
-    this.setState({
-      weightsTexture: this.context.device.createTexture(_objectSpread(_objectSpread({}, TEXTURE_PROPS), {}, {
-        width: textureSize,
-        height: textureSize,
-        format: format
-      })),
-      maxWeightsTexture: this.context.device.createTexture(_objectSpread(_objectSpread({}, TEXTURE_PROPS), {}, {
-        width: 1,
-        height: 1,
-        format: format
-      }))
-    });
-  };
-
-  _proto._setupAttributes = function _setupAttributes() {
-    var attributeManager = this.getAttributeManager();
-    attributeManager.add({
-      positions: {
-        size: 3,
-        type: 5130,
-        accessor: 'getPosition'
-      },
-      weights: {
-        size: 1,
-        accessor: 'getWeight'
-      }
-    });
-    this.setState({
-      positionAttributeName: 'positions'
-    });
-  };
-
-  _proto._setupTextureParams = function _setupTextureParams() {
-    var device = this.context.device;
-    var weightsTextureSize = this.props.weightsTextureSize;
-    var textureSize = Math.min(weightsTextureSize, device.limits.maxTextureDimension2D);
-    var floatTargetSupport = FLOAT_TARGET_FEATURES.every(function (feature) {
-      return device.features.has(feature);
-    });
-    var format = floatTargetSupport ? 'rgba32float' : 'rgba8unorm';
-    var weightsScale = floatTargetSupport ? 1 : 1 / 255;
-    this.setState({
-      textureSize: textureSize,
-      format: format,
-      weightsScale: weightsScale
-    });
-
-    if (!floatTargetSupport) {
-      _core.log.warn("HeatmapLayer: ".concat(this.id, " rendering to float texture not supported, falling back to low precision format"))();
-    }
-  };
-
-  _proto._createWeightsTransform = function _createWeightsTransform(shaders) {
-    var _weightsTransform;
-
-    var weightsTransform = this.state.weightsTransform;
-    var weightsTexture = this.state.weightsTexture;
-    var attributeManager = this.getAttributeManager();
-    (_weightsTransform = weightsTransform) === null || _weightsTransform === void 0 ? void 0 : _weightsTransform.destroy();
-    weightsTransform = new _engine.TextureTransform(this.context.device, _objectSpread({
-      id: "".concat(this.id, "-weights-transform"),
-      bufferLayout: attributeManager.getBufferLayouts(),
-      vertexCount: 1,
-      targetTexture: weightsTexture,
-      parameters: {
-        depthWriteEnabled: false,
-        blendColorOperation: 'add',
-        blendColorSrcFactor: 'one',
-        blendColorDstFactor: 'one',
-        blendAlphaSrcFactor: 'one',
-        blendAlphaDstFactor: 'one'
-      },
-      topology: 'point-list'
-    }, shaders));
-    this.setState({
-      weightsTransform: weightsTransform
-    });
-  };
-
-  _proto._setupResources = function _setupResources() {
-    this._createTextures();
-
-    var device = this.context.device;
-    var _this$state4 = this.state,
-        textureSize = _this$state4.textureSize,
-        weightsTexture = _this$state4.weightsTexture,
-        maxWeightsTexture = _this$state4.maxWeightsTexture;
-    var weightsTransformShaders = this.getShaders({
-      vs: _weightsVs.default,
-      fs: _weightsFs.default
-    });
-
-    this._createWeightsTransform(weightsTransformShaders);
-
-    var maxWeightsTransformShaders = this.getShaders({
-      vs: _maxVs.default,
-      fs: _maxFs.default
-    });
-    var maxWeightTransform = new _engine.TextureTransform(device, _objectSpread(_objectSpread({
-      id: "".concat(this.id, "-max-weights-transform"),
-      bindings: {
-        inTexture: weightsTexture
-      },
-      uniforms: {
-        textureSize: textureSize
-      },
-      targetTexture: maxWeightsTexture
-    }, maxWeightsTransformShaders), {}, {
-      vertexCount: textureSize * textureSize,
-      topology: 'point-list',
-      parameters: {
-        depthWriteEnabled: false,
-        blendColorOperation: 'max',
-        blendAlphaOperation: 'max',
-        blendColorSrcFactor: 'one',
-        blendColorDstFactor: 'one',
-        blendAlphaSrcFactor: 'one',
-        blendAlphaDstFactor: 'one'
-      }
-    }));
-    this.setState({
-      weightsTexture: weightsTexture,
-      maxWeightsTexture: maxWeightsTexture,
-      maxWeightTransform: maxWeightTransform,
-      zoom: null,
-      triPositionBuffer: device.createBuffer({
-        byteLength: 48
-      }),
-      triTexCoordBuffer: device.createBuffer({
-        byteLength: 48
-      })
-    });
-  };
-
-  _proto.updateShaders = function updateShaders(shaderOptions) {
-    this._createWeightsTransform(_objectSpread({
-      vs: _weightsVs.default,
-      fs: _weightsFs.default
-    }, shaderOptions));
-  };
-
-  _proto._updateMaxWeightValue = function _updateMaxWeightValue() {
-    var _this$state5 = this.state,
-        maxWeightTransform = _this$state5.maxWeightTransform,
-        textureSize = _this$state5.textureSize;
-    maxWeightTransform.run({
-      parameters: {
-        viewport: [0, 0, 1, 1]
-      },
-      clearColor: [0, 0, 0, 0]
-    });
-  };
-
-  _proto._updateBounds = function _updateBounds() {
-    var forceUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var viewport = this.context.viewport;
-    var viewportCorners = [viewport.unproject([0, 0]), viewport.unproject([viewport.width, 0]), viewport.unproject([viewport.width, viewport.height]), viewport.unproject([0, viewport.height])].map(function (p) {
-      return p.map(Math.fround);
-    });
-    var visibleWorldBounds = (0, _heatmapLayerUtils.getBounds)(viewportCorners);
-    var newState = {
-      visibleWorldBounds: visibleWorldBounds,
-      viewportCorners: viewportCorners
-    };
-    var boundsChanged = false;
-
-    if (forceUpdate || !this.state.worldBounds || !(0, _heatmapLayerUtils.boundsContain)(this.state.worldBounds, visibleWorldBounds)) {
-      var scaledCommonBounds = this._worldToCommonBounds(visibleWorldBounds);
-
-      var worldBounds = this._commonToWorldBounds(scaledCommonBounds);
-
-      if (this.props.coordinateSystem === _core.COORDINATE_SYSTEM.LNGLAT) {
-        worldBounds[1] = Math.max(worldBounds[1], -85.051129);
-        worldBounds[3] = Math.min(worldBounds[3], 85.051129);
-        worldBounds[0] = Math.max(worldBounds[0], -360);
-        worldBounds[2] = Math.min(worldBounds[2], 360);
-      }
-
-      var normalizedCommonBounds = this._worldToCommonBounds(worldBounds);
-
-      newState.worldBounds = worldBounds;
-      newState.normalizedCommonBounds = normalizedCommonBounds;
-      boundsChanged = true;
-    }
-
-    this.setState(newState);
-    return boundsChanged;
-  };
-
-  _proto._updateTextureRenderingBounds = function _updateTextureRenderingBounds() {
-    var _this$state6 = this.state,
-        triPositionBuffer = _this$state6.triPositionBuffer,
-        triTexCoordBuffer = _this$state6.triTexCoordBuffer,
-        normalizedCommonBounds = _this$state6.normalizedCommonBounds,
-        viewportCorners = _this$state6.viewportCorners;
-    var viewport = this.context.viewport;
-    triPositionBuffer.write((0, _heatmapLayerUtils.packVertices)(viewportCorners, 3));
-    var textureBounds = viewportCorners.map(function (p) {
-      return (0, _heatmapLayerUtils.getTextureCoordinates)(viewport.projectPosition(p), normalizedCommonBounds);
-    });
-    triTexCoordBuffer.write((0, _heatmapLayerUtils.packVertices)(textureBounds, 2));
-  };
-
-  _proto._updateColorTexture = function _updateColorTexture(opts) {
-    var _colorTexture;
-
-    var colorRange = opts.props.colorRange;
-    var colorTexture = this.state.colorTexture;
-    var colors = (0, _colorUtils.colorRangeToFlatArray)(colorRange, false, Uint8Array);
-
-    if (colorTexture && ((_colorTexture = colorTexture) === null || _colorTexture === void 0 ? void 0 : _colorTexture.width) === colorRange.length) {
-      colorTexture.setSubImageData({
-        data: colors
-      });
-    } else {
-      var _colorTexture2;
-
-      (_colorTexture2 = colorTexture) === null || _colorTexture2 === void 0 ? void 0 : _colorTexture2.destroy();
-      colorTexture = this.context.device.createTexture(_objectSpread(_objectSpread({}, TEXTURE_PROPS), {}, {
-        data: colors,
-        width: colorRange.length,
-        height: 1
-      }));
-    }
-
-    this.setState({
-      colorTexture: colorTexture
-    });
-  };
-
-  _proto._updateWeightmap = function _updateWeightmap() {
-    var _this$props2 = this.props,
-        radiusPixels = _this$props2.radiusPixels,
-        colorDomain = _this$props2.colorDomain,
-        aggregation = _this$props2.aggregation;
-    var _this$state7 = this.state,
-        worldBounds = _this$state7.worldBounds,
-        textureSize = _this$state7.textureSize,
-        weightsScale = _this$state7.weightsScale;
-    var weightsTransform = this.state.weightsTransform;
-    this.state.isWeightMapDirty = false;
-
-    var commonBounds = this._worldToCommonBounds(worldBounds, {
-      useLayerCoordinateSystem: true
-    });
-
-    if (colorDomain && aggregation === 'SUM') {
-      var viewport = this.context.viewport;
-      var metersPerPixel = viewport.distanceScales.metersPerUnit[2] * (commonBounds[2] - commonBounds[0]) / textureSize;
-      this.state.colorDomain = colorDomain.map(function (x) {
-        return x * metersPerPixel * weightsScale;
-      });
-    } else {
-      this.state.colorDomain = colorDomain || DEFAULT_COLOR_DOMAIN;
-    }
-
-    var attributeManager = this.getAttributeManager();
-    var attributes = attributeManager.getAttributes();
-    var moduleSettings = this.getModuleSettings();
-    var positions = attributes.positions.buffer;
-    var uniforms = {
-      radiusPixels: radiusPixels,
-      commonBounds: commonBounds,
-      textureWidth: textureSize,
-      weightsScale: weightsScale
-    };
-    var weights = attributes.weights.buffer;
-    weightsTransform.model.setAttributes({
-      positions: positions,
-      weights: weights
-    });
-    weightsTransform.model.setVertexCount(this.getNumInstances());
-    weightsTransform.model.setUniforms(uniforms);
-    weightsTransform.model.updateModuleSettings(moduleSettings);
-    weightsTransform.run({
-      parameters: {
-        viewport: [0, 0, textureSize, textureSize]
-      },
-      clearColor: [0, 0, 0, 0]
-    });
-
-    this._updateMaxWeightValue();
-  };
-
-  _proto._debouncedUpdateWeightmap = function _debouncedUpdateWeightmap() {
-    var fromTimer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var updateTimer = this.state.updateTimer;
-    var debounceTimeout = this.props.debounceTimeout;
-
-    if (fromTimer) {
-      updateTimer = null;
-
-      this._updateBounds(true);
-
-      this._updateTextureRenderingBounds();
-
-      this.setState({
-        isWeightMapDirty: true
-      });
-    } else {
-      this.setState({
-        isWeightMapDirty: false
-      });
-      clearTimeout(updateTimer);
-      updateTimer = setTimeout(this._debouncedUpdateWeightmap.bind(this, true), debounceTimeout);
-    }
-
-    this.setState({
-      updateTimer: updateTimer
-    });
-  };
-
-  _proto._worldToCommonBounds = function _worldToCommonBounds(worldBounds) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var _opts$useLayerCoordin = opts.useLayerCoordinateSystem,
-        useLayerCoordinateSystem = _opts$useLayerCoordin === void 0 ? false : _opts$useLayerCoordin;
-
-    var _worldBounds = (0, _slicedToArray2.default)(worldBounds, 4),
-        minLong = _worldBounds[0],
-        minLat = _worldBounds[1],
-        maxLong = _worldBounds[2],
-        maxLat = _worldBounds[3];
-
-    var viewport = this.context.viewport;
-    var textureSize = this.state.textureSize;
-    var coordinateSystem = this.props.coordinateSystem;
-    var offsetMode = useLayerCoordinateSystem && (coordinateSystem === _core.COORDINATE_SYSTEM.LNGLAT_OFFSETS || coordinateSystem === _core.COORDINATE_SYSTEM.METER_OFFSETS);
-    var offsetOriginCommon = offsetMode ? viewport.projectPosition(this.props.coordinateOrigin) : [0, 0];
-    var size = textureSize * RESOLUTION / viewport.scale;
-    var bottomLeftCommon;
-    var topRightCommon;
-
-    if (useLayerCoordinateSystem && !offsetMode) {
-      bottomLeftCommon = this.projectPosition([minLong, minLat, 0]);
-      topRightCommon = this.projectPosition([maxLong, maxLat, 0]);
-    } else {
-      bottomLeftCommon = viewport.projectPosition([minLong, minLat, 0]);
-      topRightCommon = viewport.projectPosition([maxLong, maxLat, 0]);
-    }
-
-    return (0, _heatmapLayerUtils.scaleToAspectRatio)([bottomLeftCommon[0] - offsetOriginCommon[0], bottomLeftCommon[1] - offsetOriginCommon[1], topRightCommon[0] - offsetOriginCommon[0], topRightCommon[1] - offsetOriginCommon[1]], size, size);
-  };
-
-  _proto._commonToWorldBounds = function _commonToWorldBounds(commonBounds) {
-    var _commonBounds = (0, _slicedToArray2.default)(commonBounds, 4),
-        xMin = _commonBounds[0],
-        yMin = _commonBounds[1],
-        xMax = _commonBounds[2],
-        yMax = _commonBounds[3];
-
-    var viewport = this.context.viewport;
-    var bottomLeftWorld = viewport.unprojectPosition([xMin, yMin]);
-    var topRightWorld = viewport.unprojectPosition([xMax, yMax]);
-    return bottomLeftWorld.slice(0, 2).concat(topRightWorld.slice(0, 2));
-  };
-
-  return HeatmapLayer;
-}(_aggregationLayer.default);
-
-exports.default = HeatmapLayer;
-HeatmapLayer.layerName = 'HeatmapLayer';
-HeatmapLayer.defaultProps = defaultProps;
-//# sourceMappingURL=heatmap-layer.js.map