kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
37 lines (36 loc) • 10.4 kB
JavaScript
;
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 _exampleTable = _interopRequireDefault(require("../example-table"));
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
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(_exampleTable["default"], {
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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2V4YW1wbGVUYWJsZSIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZFRpdGxlIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwidGl0bGVDb2xvckxUIiwiRXhhbXBsZVRhYmxlIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIlNjZW5lZ3JhcGhJbmZvTW9kYWxGYWN0b3J5IiwiU2NlbmVncmFwaEluZm9Nb2RhbCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zY2VuZWdyYXBoLWxheWVyL3NjZW5lZ3JhcGgtaW5mby1tb2RhbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgVGFibGUgZnJvbSAnLi4vZXhhbXBsZS10YWJsZSc7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkLmRpdmBcbiAgZm9udC1zaXplOiAyMHB4O1xuICBsZXR0ZXItc3BhY2luZzogMS4yNXB4O1xuICBtYXJnaW46IDE4cHggMCAxNHB4IDA7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpdGxlQ29sb3JMVH07XG5gO1xuXG5jb25zdCBFeGFtcGxlVGFibGUgPSAoKSA9PiAoXG4gIDxUYWJsZSBjbGFzc05hbWU9XCJzY2VuZWdyYXBoLWV4YW1wbGUtdGFibGVcIj5cbiAgICA8dGhlYWQ+XG4gICAgICA8dHI+XG4gICAgICAgIDx0aD5wb2ludF9sYXQ8L3RoPlxuICAgICAgICA8dGg+cG9pbnRfbG5nPC90aD5cbiAgICAgICAgPHRoPmFsdDwvdGg+XG4gICAgICA8L3RyPlxuICAgIDwvdGhlYWQ+XG4gICAgPHRib2R5PlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuNzY5ODk3PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuNDExNjg8L3RkPlxuICAgICAgICA8dGQ+MDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuODA2OTI4PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuNDAyMTg8L3RkPlxuICAgICAgICA8dGQ+MDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuNzc4NTY0PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuMzkwOTY8L3RkPlxuICAgICAgICA8dGQ+MTAwMDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuNzQ1OTk1PC90ZD5cbiAgICAgICAgPHRkPi0xMjIuMzAyMjA8L3RkPlxuICAgICAgICA8dGQ+MjAwMDwvdGQ+XG4gICAgICA8L3RyPlxuICAgICAgPHRyPlxuICAgICAgICA8dGQ+MzcuMzI5ODQxPC90ZD5cbiAgICAgICAgPHRkPi0xMjIuMTAzODQ3PC90ZD5cbiAgICAgICAgPHRkPjMwMDA8L3RkPlxuICAgICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICA8L1RhYmxlPlxuKTtcblxuY29uc3QgU2NlbmVncmFwaEluZm9Nb2RhbEZhY3RvcnkgPSAoKSA9PiB7XG4gIGNvbnN0IFNjZW5lZ3JhcGhJbmZvTW9kYWwgPSAoKSA9PiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJzY2VuZWdyYXBoLWluZm8tbW9kYWxcIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2NlbmVncmFwaC1pbmZvLW1vZGFsX19kZXNjcmlwdGlvblwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICBJbiB5b3VyIGNzdiB5b3UgY2FuIHNwZWNpZnkgcG9pbnRzIHdpdGggb3B0aW9uYWwgYWx0aXR1ZGUuIFRoZSBtb2RlbHMgd2lsbCBzaG93IGF0IGVhY2hcbiAgICAgICAgICBwb2ludCB5b3Ugc3BlY2lmeS4gWW91IGNhbiB1c2UgYSBzYW1wbGUgbW9kZWwgb3IgdXBsb2FkIG9uZSBpbnsnICd9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPGNvZGU+Z2xURiAoR0xCIG9yIEVtYmVkZGVkKTwvY29kZT5cbiAgICAgICAgPHNwYW4+IGZvcm1hdC48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2NlbmVncmFwaC1pbmZvLW1vZGFsX19leGFtcGxlXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT5FeGFtcGxlOjwvU3R5bGVkVGl0bGU+XG4gICAgICAgIDxFeGFtcGxlVGFibGUgLz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJzY2VuZWdyYXBoLWluZm8tbW9kYWxfX2ljb25zXCI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT5TYW1wbGUgTW9kZWxzPC9TdHlsZWRUaXRsZT5cbiAgICAgICAgPGRpdj5EdWNrPC9kaXY+XG4gICAgICAgIDxkaXY+VXNlIHlvdXIgb3duIG1vZGVsPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcblxuICByZXR1cm4gU2NlbmVncmFwaEluZm9Nb2RhbDtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNjZW5lZ3JhcGhJbmZvTW9kYWxGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRSxhQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFBcUMsSUFBQUcsZUFBQSxFQU5yQztBQUNBO0FBT0EsSUFBTUMsV0FBVyxHQUFHQyw0QkFBTSxDQUFDQyxHQUFHLENBQUFILGVBQUEsS0FBQUEsZUFBQSxPQUFBSSx1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