kepler.gl.geoiq

Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
49 lines (37 loc) • 10.1 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _styledComponents2 = require("../../components/common/styled-components");

var _templateObject;

var StyledTitle = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 20px;\n  letter-spacing: 1.25px;\n  margin: 18px 0 14px 0;\n  color: ", ";\n"])), function (props) {
  return props.theme.titleColorLT;
});

var ExampleTable = function ExampleTable() {
  return (/*#__PURE__*/_react["default"].createElement(_styledComponents2.Table, {
      className: "scenegraph-example-table"
    }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("th", null, "point_lat"), /*#__PURE__*/_react["default"].createElement("th", null, "point_lng"), /*#__PURE__*/_react["default"].createElement("th", null, "alt"))), /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, "37.769897"), /*#__PURE__*/_react["default"].createElement("td", null, "-122.41168"), /*#__PURE__*/_react["default"].createElement("td", null, "0")), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, "37.806928"), /*#__PURE__*/_react["default"].createElement("td", null, "-122.40218"), /*#__PURE__*/_react["default"].createElement("td", null, "0")), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, "37.778564"), /*#__PURE__*/_react["default"].createElement("td", null, "-122.39096"), /*#__PURE__*/_react["default"].createElement("td", null, "1000")), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, "37.745995"), /*#__PURE__*/_react["default"].createElement("td", null, "-122.30220"), /*#__PURE__*/_react["default"].createElement("td", null, "2000")), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, "37.329841"), /*#__PURE__*/_react["default"].createElement("td", null, "-122.103847"), /*#__PURE__*/_react["default"].createElement("td", null, "3000"))))
  );
};

var ScenegraphInfoModalFactory = function ScenegraphInfoModalFactory() {
  var ScenegraphInfoModal = function ScenegraphInfoModal() {
    return (/*#__PURE__*/_react["default"].createElement("div", {
        className: "scenegraph-info-modal"
      }, /*#__PURE__*/_react["default"].createElement("div", {
        className: "scenegraph-info-modal__description"
      }, /*#__PURE__*/_react["default"].createElement("span", null, "In your csv you can specify points with optional altitude. The models will show at each point you specify. You can use a sample model or upload one in", ' '), /*#__PURE__*/_react["default"].createElement("code", null, "glTF (GLB or Embedded)"), /*#__PURE__*/_react["default"].createElement("span", null, " format.")), /*#__PURE__*/_react["default"].createElement("div", {
        className: "scenegraph-info-modal__example"
      }, /*#__PURE__*/_react["default"].createElement(StyledTitle, null, "Example:"), /*#__PURE__*/_react["default"].createElement(ExampleTable, null)), /*#__PURE__*/_react["default"].createElement("div", {
        className: "scenegraph-info-modal__icons"
      }, /*#__PURE__*/_react["default"].createElement(StyledTitle, null, "Sample Models"), /*#__PURE__*/_react["default"].createElement("div", null, "Duck"), /*#__PURE__*/_react["default"].createElement("div", null, "Use your own model")))
    );
  };

  return ScenegraphInfoModal;
};

var _default = exports["default"] = ScenegraphInfoModalFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXllcnMvc2NlbmVncmFwaC1sYXllci9zY2VuZWdyYXBoLWluZm8tbW9kYWwuanMiXSwibmFtZXMiOlsiU3R5bGVkVGl0bGUiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsInRoZW1lIiwidGl0bGVDb2xvckxUIiwiRXhhbXBsZVRhYmxlIiwiU2NlbmVncmFwaEluZm9Nb2RhbEZhY3RvcnkiLCJTY2VuZWdyYXBoSW5mb01vZGFsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7OztBQUVBLElBQU1BLFdBQVcsR0FBR0MsNkJBQU9DLEdBQVYsa0xBSU4sVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxZQUFoQjtBQUFBLENBSkMsQ0FBakI7O0FBT0EsSUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQWU7QUFBQSx1QkFDbkIsZ0NBQUMsd0JBQUQ7QUFBTyxNQUFBLFNBQVMsRUFBQztBQUFqQixvQkFDRSw0REFDRSx5REFDRSx3REFERixlQUVFLHdEQUZGLGVBR0Usa0RBSEYsQ0FERixDQURGLGVBUUUsNERBQ0UseURBQ0Usd0RBREYsZUFFRSx5REFGRixlQUdFLGdEQUhGLENBREYsZUFNRSx5REFDRSx3REFERixlQUVFLHlEQUZGLGVBR0UsZ0RBSEYsQ0FORixlQVdFLHlEQUNFLHdEQURGLGVBRUUseURBRkYsZUFHRSxtREFIRixDQVhGLGVBZ0JFLHlEQUNFLHdEQURGLGVBRUUseURBRkYsZUFHRSxtREFIRixDQWhCRixlQXFCRSx5REFDRSx3REFERixlQUVFLDBEQUZGLGVBR0UsbURBSEYsQ0FyQkYsQ0FSRjtBQURtQjtBQUFBLENBQXJCOztBQXVDQSxJQUFNQywwQkFBMEIsR0FBRyxTQUE3QkEsMEJBQTZCLEdBQU07QUFDdkMsTUFBTUMsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFzQjtBQUFBLHlCQUMxQjtBQUFLLFFBQUEsU0FBUyxFQUFDO0FBQWYsc0JBQ0U7QUFBSyxRQUFBLFNBQVMsRUFBQztBQUFmLHNCQUNFLHdNQUdnQixHQUhoQixDQURGLGVBTUUsdUVBTkYsZUFPRSx5REFQRixDQURGLGVBVUU7QUFBSyxRQUFBLFNBQVMsRUFBQztBQUFmLHNCQUNFLGdDQUFDLFdBQUQsbUJBREYsZUFFRSxnQ0FBQyxZQUFELE9BRkYsQ0FWRixlQWNFO0FBQUssUUFBQSxTQUFTLEVBQUM7QUFBZixzQkFDRSxnQ0FBQyxXQUFELHdCQURGLGVBRUUsb0RBRkYsZUFHRSxrRUFIRixDQWRGO0FBRDBCO0FBQUEsR0FBNUI7O0FBdUJBLFNBQU9BLG1CQUFQO0FBQ0QsQ0F6QkQ7O29DQTJCZUQsMEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjMgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1RhYmxlfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkLmRpdmBcbiAgZm9udC1zaXplOiAyMHB4O1xuICBsZXR0ZXItc3BhY2luZzogMS4yNXB4O1xuICBtYXJnaW46IDE4cHggMCAxNHB4IDA7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpdGxlQ29sb3JMVH07XG5gO1xuXG5jb25zdCBFeGFtcGxlVGFibGUgPSAoKSA9PiAoXG4gIDxUYWJsZSBjbGFzc05hbWU9XCJzY2VuZWdyYXBoLWV4YW1wbGUtdGFibGVcIj5cbiAgICA8dGhlYWQ+XG4gICAgICA8dHI+XG4gICAgICAgIDx0aD5wb2ludF9sYXQ8L3RoPlxuICAgICAgICA8dGg+cG9pbnRfbG5nPC90aD5cbiAgICAgICAgPHRoPmFsdDwvdGg+XG4gICAgICA8L3RyPlxuICAgIDwvdGhlYWQ+XG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuNzY5ODk3PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuNDExNjg8L3RkPlxuICAgICAgICA8dGQ+MDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuODA2OTI4PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuNDAyMTg8L3RkPlxuICAgICAgICA8dGQ+MDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuNzc4NTY0PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuMzkwOTY8L3RkPlxuICAgICAgICA8dGQ+MTAwMDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuNzQ1OTk1PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuMzAyMjA8L3RkPlxuICAgICAgICA8dGQ+MjAwMDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuMzI5ODQxPC90ZD5cbiAgICAgICAgPHRkPi0xMjIuMTAzODQ3PC90ZD5cbiAgICAgICAgPHRkPjMwMDA8L3RkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICA8L1RhYmxlPlxuKTtcblxuY29uc3QgU2NlbmVncmFwaEluZm9Nb2RhbEZhY3RvcnkgPSAoKSA9PiB7XG4gIGNvbnN0IFNjZW5lZ3JhcGhJbmZvTW9kYWwgPSAoKSA9PiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJzY2VuZWdyYXBoLWluZm8tbW9kYWxcIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2NlbmVncmFwaC1pbmZvLW1vZGFsX19kZXNjcmlwdGlvblwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICBJbiB5b3VyIGNzdiB5b3UgY2FuIHNwZWNpZnkgcG9pbnRzIHdpdGggb3B0aW9uYWwgYWx0aXR1ZGUuIFRoZSBtb2RlbHNcbiAgICAgICAgICB3aWxsIHNob3cgYXQgZWFjaCBwb2ludCB5b3Ugc3BlY2lmeS4gWW91IGNhbiB1c2UgYSBzYW1wbGUgbW9kZWwgb3JcbiAgICAgICAgICB1cGxvYWQgb25lIGlueycgJ31cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8Y29kZT5nbFRGIChHTEIgb3IgRW1iZWRkZWQpPC9jb2RlPlxuICAgICAgICA8c3Bhbj4gZm9ybWF0Ljwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJzY2VuZWdyYXBoLWluZm8tbW9kYWxfX2V4YW1wbGVcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlPkV4YW1wbGU6PC9TdHlsZWRUaXRsZT5cbiAgICAgICAgPEV4YW1wbGVUYWJsZSAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInNjZW5lZ3JhcGgtaW5mby1tb2RhbF9faWNvbnNcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlPlNhbXBsZSBNb2RlbHM8L1N0eWxlZFRpdGxlPlxuICAgICAgICA8ZGl2PkR1Y2s8L2Rpdj5cbiAgICAgICAgPGRpdj5Vc2UgeW91ciBvd24gbW9kZWw8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBTY2VuZWdyYXBoSW5mb01vZGFsO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2NlbmVncmFwaEluZm9Nb2RhbEZhY3Rvcnk7XG4iXX0=