UNPKG

kepler.gl.geoiq

Version:

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

81 lines (60 loc) 8.03 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")); var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")); var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")); var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")); var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _react = _interopRequireDefault(require("react")); var _reactVis = require("react-vis"); 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 Example = exports["default"] = /*#__PURE__*/function (_React$Component) { (0, _inherits2["default"])(Example, _React$Component); var _super = _createSuper(Example); function Example() { var _this; (0, _classCallCheck2["default"])(this, Example); 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)); (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", { useCanvas: false }); return _this; } (0, _createClass2["default"])(Example, [{ key: "render", value: function render() { var useCanvas = this.state.useCanvas; var data = this.props.data; // console.log(data); data.length = 4; var BarSeries = useCanvas ? _reactVis.HorizontalBarSeriesCanvas : _reactVis.HorizontalBarSeries; var content = useCanvas ? 'TOGGLE TO SVG' : 'TOGGLE TO CANVAS'; return (/*#__PURE__*/_react["default"].createElement(_reactVis.XYPlot, { xType: "ordinal", width: 250, height: 250, xDistance: 10 }, /*#__PURE__*/_react["default"].createElement(_reactVis.VerticalGridLines, null), /*#__PURE__*/_react["default"].createElement(_reactVis.HorizontalGridLines, null), /*#__PURE__*/_react["default"].createElement(_reactVis.XAxis, null), /*#__PURE__*/_react["default"].createElement(_reactVis.HorizontalBarSeriesCanvas, { className: "vertical-bar-series-example", data: data }), /*#__PURE__*/_react["default"].createElement(_reactVis.LabelSeries, { data: data, getLabel: function getLabel(d) { return d.x; } })) ); } }]); return Example; }(_react["default"].Component); //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL3dpZGdldC1iYXItY2hhcnQuanMiXSwibmFtZXMiOlsiRXhhbXBsZSIsInVzZUNhbnZhcyIsInN0YXRlIiwiZGF0YSIsInByb3BzIiwibGVuZ3RoIiwiQmFyU2VyaWVzIiwiSG9yaXpvbnRhbEJhclNlcmllc0NhbnZhcyIsIkhvcml6b250YWxCYXJTZXJpZXMiLCJjb250ZW50IiwiZCIsIngiLCJSZWFjdCIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7Ozs7OztJQVlxQkEsTzs7Ozs7Ozs7Ozs7Ozs7OzhGQUNYO0FBQ05DLE1BQUFBLFNBQVMsRUFBRTtBQURMLEs7Ozs7OztXQUdSLGtCQUFTO0FBQ1AsVUFBT0EsU0FBUCxHQUFvQixLQUFLQyxLQUF6QixDQUFPRCxTQUFQO0FBQ0EsVUFBT0UsSUFBUCxHQUFlLEtBQUtDLEtBQXBCLENBQU9ELElBQVAsQ0FGTyxDQUdQOztBQUNBQSxNQUFBQSxJQUFJLENBQUNFLE1BQUwsR0FBYyxDQUFkO0FBQ0EsVUFBTUMsU0FBUyxHQUFHTCxTQUFTLEdBQ3ZCTSxtQ0FEdUIsR0FFdkJDLDZCQUZKO0FBR0EsVUFBTUMsT0FBTyxHQUFHUixTQUFTLEdBQUcsZUFBSCxHQUFxQixrQkFBOUM7QUFDQSwyQkFDRSxnQ0FBQyxnQkFBRDtBQUFRLFVBQUEsS0FBSyxFQUFDLFNBQWQ7QUFBd0IsVUFBQSxLQUFLLEVBQUUsR0FBL0I7QUFBb0MsVUFBQSxNQUFNLEVBQUUsR0FBNUM7QUFBaUQsVUFBQSxTQUFTLEVBQUU7QUFBNUQsd0JBQ0UsZ0NBQUMsMkJBQUQsT0FERixlQUVFLGdDQUFDLDZCQUFELE9BRkYsZUFHRSxnQ0FBQyxlQUFELE9BSEYsZUFJRSxnQ0FBQyxtQ0FBRDtBQUNFLFVBQUEsU0FBUyxFQUFDLDZCQURaO0FBRUUsVUFBQSxJQUFJLEVBQUVFO0FBRlIsVUFKRixlQVFFLGdDQUFDLHFCQUFEO0FBQWEsVUFBQSxJQUFJLEVBQUVBLElBQW5CO0FBQXlCLFVBQUEsUUFBUSxFQUFFLGtCQUFBTyxDQUFDO0FBQUEsbUJBQUlBLENBQUMsQ0FBQ0MsQ0FBTjtBQUFBO0FBQXBDLFVBUkY7QUFERjtBQVlEOzs7RUF6QmtDQyxrQkFBTUMsUyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1xuICBYWVBsb3QsXG4gIFhBeGlzLFxuICBZQXhpcyxcbiAgVmVydGljYWxHcmlkTGluZXMsXG4gIEhvcml6b250YWxHcmlkTGluZXMsXG4gIEhvcml6b250YWxCYXJTZXJpZXMsXG4gIEhvcml6b250YWxCYXJTZXJpZXNDYW52YXMsXG4gIExhYmVsU2VyaWVzLFxuICBWZXJ0aWNhbEJhclNlcmllc1xufSBmcm9tICdyZWFjdC12aXMnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBFeGFtcGxlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGUgPSB7XG4gICAgdXNlQ2FudmFzOiBmYWxzZVxuICB9O1xuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge3VzZUNhbnZhc30gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHtkYXRhfSA9IHRoaXMucHJvcHM7XG4gICAgLy8gY29uc29sZS5sb2coZGF0YSk7XG4gICAgZGF0YS5sZW5ndGggPSA0O1xuICAgIGNvbnN0IEJhclNlcmllcyA9IHVzZUNhbnZhc1xuICAgICAgPyBIb3Jpem9udGFsQmFyU2VyaWVzQ2FudmFzXG4gICAgICA6IEhvcml6b250YWxCYXJTZXJpZXM7XG4gICAgY29uc3QgY29udGVudCA9IHVzZUNhbnZhcyA/ICdUT0dHTEUgVE8gU1ZHJyA6ICdUT0dHTEUgVE8gQ0FOVkFTJztcbiAgICByZXR1cm4gKFxuICAgICAgPFhZUGxvdCB4VHlwZT1cIm9yZGluYWxcIiB3aWR0aD17MjUwfSBoZWlnaHQ9ezI1MH0geERpc3RhbmNlPXsxMH0+XG4gICAgICAgIDxWZXJ0aWNhbEdyaWRMaW5lcyAvPlxuICAgICAgICA8SG9yaXpvbnRhbEdyaWRMaW5lcyAvPlxuICAgICAgICA8WEF4aXMgLz5cbiAgICAgICAgPEhvcml6b250YWxCYXJTZXJpZXNDYW52YXNcbiAgICAgICAgICBjbGFzc05hbWU9XCJ2ZXJ0aWNhbC1iYXItc2VyaWVzLWV4YW1wbGVcIlxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgIC8+XG4gICAgICAgIDxMYWJlbFNlcmllcyBkYXRhPXtkYXRhfSBnZXRMYWJlbD17ZCA9PiBkLnh9IC8+XG4gICAgICA8L1hZUGxvdD5cbiAgICApO1xuICB9XG59XG4iXX0=