UNPKG

kepler.gl.geoiq

Version:

kepler.gl is a webgl based application to visualize large scale location data in the browser

90 lines (70 loc) 10.2 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")); var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")); var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")); var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")); var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get")); var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")); var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _deck = require("deck.gl"); var _shaderUtils = require("../layer-utils/shader-utils"); 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 addBrushingVsShader(vs) { return (0, _shaderUtils.editShader)(vs, 'scatterplot brushing vs', 'outerRadiusPixels += outline * strokeWidth / 2.0;', 'outerRadiusPixels = brushing_getRadius(instancePositions, outerRadiusPixels + outline * strokeWidth / 2.0);'); } var defaultProps = _objectSpread({}, _deck.ScatterplotLayer.defaultProps, { enableBrushing: true, // brush radius in meters brushRadius: 100000, mousePosition: [0, 0], outsideBrushRadius: 0 }); var ScatterplotBrushingLayer = /*#__PURE__*/ function (_ScatterplotLayer) { (0, _inherits2["default"])(ScatterplotBrushingLayer, _ScatterplotLayer); function ScatterplotBrushingLayer() { (0, _classCallCheck2["default"])(this, ScatterplotBrushingLayer); return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ScatterplotBrushingLayer).apply(this, arguments)); } (0, _createClass2["default"])(ScatterplotBrushingLayer, [{ key: "getShaders", value: function getShaders() { var shaders = (0, _get2["default"])((0, _getPrototypeOf2["default"])(ScatterplotBrushingLayer.prototype), "getShaders", this).call(this); return { vs: addBrushingVsShader(shaders.vs), fs: shaders.fs, modules: shaders.modules.concat(['brushing']) }; } }, { key: "draw", value: function draw(opts) { var uniforms = opts.uniforms; var _this$props = this.props, brushRadius = _this$props.brushRadius, enableBrushing = _this$props.enableBrushing, mousePosition = _this$props.mousePosition, outsideBrushRadius = _this$props.outsideBrushRadius; // add uniforms (0, _get2["default"])((0, _getPrototypeOf2["default"])(ScatterplotBrushingLayer.prototype), "draw", this).call(this, _objectSpread({}, opts, { uniforms: _objectSpread({}, uniforms, { brushing_uBrushRadius: brushRadius, brushing_uOutsideBrushRadius: outsideBrushRadius, brushing_uMousePosition: mousePosition ? new Float32Array(this.unproject(mousePosition)) : defaultProps.mousePosition, brushing_uEnableBrushing: enableBrushing ? 1 : 0 }) })); } }]); return ScatterplotBrushingLayer; }(_deck.ScatterplotLayer); exports["default"] = ScatterplotBrushingLayer; ScatterplotBrushingLayer.layerName = 'ScatterplotBrushingLayer'; ScatterplotBrushingLayer.defaultProps = defaultProps; //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kZWNrZ2wtbGF5ZXJzL3NjYXR0ZXJwbG90LWJydXNoaW5nLWxheWVyL3NjYXR0ZXJwbG90LWJydXNoaW5nLWxheWVyLmpzIl0sIm5hbWVzIjpbImFkZEJydXNoaW5nVnNTaGFkZXIiLCJ2cyIsImRlZmF1bHRQcm9wcyIsIlNjYXR0ZXJwbG90TGF5ZXIiLCJlbmFibGVCcnVzaGluZyIsImJydXNoUmFkaXVzIiwibW91c2VQb3NpdGlvbiIsIm91dHNpZGVCcnVzaFJhZGl1cyIsIlNjYXR0ZXJwbG90QnJ1c2hpbmdMYXllciIsInNoYWRlcnMiLCJmcyIsIm1vZHVsZXMiLCJjb25jYXQiLCJvcHRzIiwidW5pZm9ybXMiLCJwcm9wcyIsImJydXNoaW5nX3VCcnVzaFJhZGl1cyIsImJydXNoaW5nX3VPdXRzaWRlQnJ1c2hSYWRpdXMiLCJicnVzaGluZ191TW91c2VQb3NpdGlvbiIsIkZsb2F0MzJBcnJheSIsInVucHJvamVjdCIsImJydXNoaW5nX3VFbmFibGVCcnVzaGluZyIsImxheWVyTmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7Ozs7OztBQUVBLFNBQVNBLG1CQUFULENBQTZCQyxFQUE3QixFQUFpQztBQUMvQixTQUFPLDZCQUNMQSxFQURLLEVBRUwseUJBRkssRUFHTCxtREFISyxFQUlMLDZHQUpLLENBQVA7QUFNRDs7QUFFRCxJQUFNQyxZQUFZLHFCQUNiQyx1QkFBaUJELFlBREo7QUFFaEJFLEVBQUFBLGNBQWMsRUFBRSxJQUZBO0FBR2hCO0FBQ0FDLEVBQUFBLFdBQVcsRUFBRSxNQUpHO0FBS2hCQyxFQUFBQSxhQUFhLEVBQUUsQ0FBQyxDQUFELEVBQUksQ0FBSixDQUxDO0FBTWhCQyxFQUFBQSxrQkFBa0IsRUFBRTtBQU5KLEVBQWxCOztJQVNxQkMsd0I7Ozs7Ozs7Ozs7OztpQ0FFTjtBQUNYLFVBQU1DLE9BQU8sNkhBQWI7QUFDQSxhQUFPO0FBQ0xSLFFBQUFBLEVBQUUsRUFBRUQsbUJBQW1CLENBQUNTLE9BQU8sQ0FBQ1IsRUFBVCxDQURsQjtBQUVMUyxRQUFBQSxFQUFFLEVBQUVELE9BQU8sQ0FBQ0MsRUFGUDtBQUdMQyxRQUFBQSxPQUFPLEVBQUVGLE9BQU8sQ0FBQ0UsT0FBUixDQUFnQkMsTUFBaEIsQ0FBdUIsQ0FBQyxVQUFELENBQXZCO0FBSEosT0FBUDtBQUtEOzs7eUJBQ0lDLEksRUFBTTtBQUFBLFVBQ0ZDLFFBREUsR0FDVUQsSUFEVixDQUNGQyxRQURFO0FBQUEsd0JBT0wsS0FBS0MsS0FQQTtBQUFBLFVBR1BWLFdBSE8sZUFHUEEsV0FITztBQUFBLFVBSVBELGNBSk8sZUFJUEEsY0FKTztBQUFBLFVBS1BFLGFBTE8sZUFLUEEsYUFMTztBQUFBLFVBTVBDLGtCQU5PLGVBTVBBLGtCQU5PLEVBU1Q7O0FBQ0EsNklBQ0tNLElBREw7QUFFRUMsUUFBQUEsUUFBUSxvQkFDSEEsUUFERztBQUVORSxVQUFBQSxxQkFBcUIsRUFBRVgsV0FGakI7QUFHTlksVUFBQUEsNEJBQTRCLEVBQUVWLGtCQUh4QjtBQUlOVyxVQUFBQSx1QkFBdUIsRUFBRVosYUFBYSxHQUNsQyxJQUFJYSxZQUFKLENBQWlCLEtBQUtDLFNBQUwsQ0FBZWQsYUFBZixDQUFqQixDQURrQyxHQUVsQ0osWUFBWSxDQUFDSSxhQU5YO0FBT05lLFVBQUFBLHdCQUF3QixFQUFFakIsY0FBYyxHQUFHLENBQUgsR0FBTztBQVB6QztBQUZWO0FBWUQ7OztFQWhDbURELHNCOzs7QUFtQ3RESyx3QkFBd0IsQ0FBQ2MsU0FBekIsR0FBcUMsMEJBQXJDO0FBQ0FkLHdCQUF3QixDQUFDTixZQUF6QixHQUF3Q0EsWUFBeEMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMTkgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQge1NjYXR0ZXJwbG90TGF5ZXJ9IGZyb20gJ2RlY2suZ2wnO1xuaW1wb3J0IHtlZGl0U2hhZGVyfSBmcm9tICdkZWNrZ2wtbGF5ZXJzL2xheWVyLXV0aWxzL3NoYWRlci11dGlscyc7XG5cbmZ1bmN0aW9uIGFkZEJydXNoaW5nVnNTaGFkZXIodnMpIHtcbiAgcmV0dXJuIGVkaXRTaGFkZXIoXG4gICAgdnMsXG4gICAgJ3NjYXR0ZXJwbG90IGJydXNoaW5nIHZzJyxcbiAgICAnb3V0ZXJSYWRpdXNQaXhlbHMgKz0gb3V0bGluZSAqIHN0cm9rZVdpZHRoIC8gMi4wOycsXG4gICAgJ291dGVyUmFkaXVzUGl4ZWxzID0gYnJ1c2hpbmdfZ2V0UmFkaXVzKGluc3RhbmNlUG9zaXRpb25zLCBvdXRlclJhZGl1c1BpeGVscyArIG91dGxpbmUgKiBzdHJva2VXaWR0aCAvIDIuMCk7J1xuICApO1xufVxuXG5jb25zdCBkZWZhdWx0UHJvcHMgPSB7XG4gIC4uLlNjYXR0ZXJwbG90TGF5ZXIuZGVmYXVsdFByb3BzLFxuICBlbmFibGVCcnVzaGluZzogdHJ1ZSxcbiAgLy8gYnJ1c2ggcmFkaXVzIGluIG1ldGVyc1xuICBicnVzaFJhZGl1czogMTAwMDAwLFxuICBtb3VzZVBvc2l0aW9uOiBbMCwgMF0sXG4gIG91dHNpZGVCcnVzaFJhZGl1czogMFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU2NhdHRlcnBsb3RCcnVzaGluZ0xheWVyIGV4dGVuZHMgU2NhdHRlcnBsb3RMYXllciB7XG5cbiAgZ2V0U2hhZGVycygpIHtcbiAgICBjb25zdCBzaGFkZXJzID0gc3VwZXIuZ2V0U2hhZGVycygpO1xuICAgIHJldHVybiB7XG4gICAgICB2czogYWRkQnJ1c2hpbmdWc1NoYWRlcihzaGFkZXJzLnZzKSxcbiAgICAgIGZzOiBzaGFkZXJzLmZzLFxuICAgICAgbW9kdWxlczogc2hhZGVycy5tb2R1bGVzLmNvbmNhdChbJ2JydXNoaW5nJ10pXG4gICAgfTtcbiAgfVxuICBkcmF3KG9wdHMpIHtcbiAgICBjb25zdCB7dW5pZm9ybXN9ID0gb3B0cztcbiAgICBjb25zdCB7XG4gICAgICBicnVzaFJhZGl1cyxcbiAgICAgIGVuYWJsZUJydXNoaW5nLFxuICAgICAgbW91c2VQb3NpdGlvbixcbiAgICAgIG91dHNpZGVCcnVzaFJhZGl1c1xuICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgLy8gYWRkIHVuaWZvcm1zXG4gICAgc3VwZXIuZHJhdyh7XG4gICAgICAuLi5vcHRzLFxuICAgICAgdW5pZm9ybXM6IHtcbiAgICAgICAgLi4udW5pZm9ybXMsXG4gICAgICAgIGJydXNoaW5nX3VCcnVzaFJhZGl1czogYnJ1c2hSYWRpdXMsXG4gICAgICAgIGJydXNoaW5nX3VPdXRzaWRlQnJ1c2hSYWRpdXM6IG91dHNpZGVCcnVzaFJhZGl1cyxcbiAgICAgICAgYnJ1c2hpbmdfdU1vdXNlUG9zaXRpb246IG1vdXNlUG9zaXRpb25cbiAgICAgICAgICA/IG5ldyBGbG9hdDMyQXJyYXkodGhpcy51bnByb2plY3QobW91c2VQb3NpdGlvbikpXG4gICAgICAgICAgOiBkZWZhdWx0UHJvcHMubW91c2VQb3NpdGlvbixcbiAgICAgICAgYnJ1c2hpbmdfdUVuYWJsZUJydXNoaW5nOiBlbmFibGVCcnVzaGluZyA/IDEgOiAwXG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cblxuU2NhdHRlcnBsb3RCcnVzaGluZ0xheWVyLmxheWVyTmFtZSA9ICdTY2F0dGVycGxvdEJydXNoaW5nTGF5ZXInO1xuU2NhdHRlcnBsb3RCcnVzaGluZ0xheWVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ==