@vtx/cs-map 1.0.80 → 1.0.81

package/lib/navigation/index.js

@@ -0,0 +1,306 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useProps4 = _interopRequireDefault(require("../_util/useProps"));
+var _cesium = require("cesium");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var prefix = 'cs-map-navigation';
+var useMouse = function useMouse(props) {
+  var timeRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    return function () {
+      onClear();
+    };
+  }, []);
+
+  // 鼠标按下
+  var onMouseDown = function onMouseDown(type, event) {
+    onClear();
+    timeRef.current = window.setInterval(function () {
+      var _props$callback;
+      (_props$callback = props.callback) === null || _props$callback === void 0 || _props$callback.call(props, type, event);
+    });
+  };
+
+  // 鼠标抬起
+  var onMouseUp = function onMouseUp() {
+    onClear();
+  };
+
+  // 清除定时器
+  var onClear = function onClear() {
+    if (timeRef.current) {
+      window.clearInterval(timeRef.current);
+      timeRef.current = null;
+    }
+  };
+  return {
+    onMouseDown: onMouseDown,
+    onMouseUp: onMouseUp
+  };
+};
+
+// 视角移动
+var useViewMove = function useViewMove() {
+  var _useProps = (0, _useProps4["default"])(),
+    map = _useProps.map;
+  var _useMouse = useMouse({
+      callback: function callback(type) {
+        // 获取相机到椭球表面的距离
+        var cameraHeight = map.scene.globe.ellipsoid.cartesianToCartographic(map.camera.position).height;
+
+        // 根据相机到椭球表面的距离，计算移动速度
+        var moveRate = cameraHeight / 200.0;
+        map.camera[type](moveRate);
+      }
+    }),
+    onMouseDown = _useMouse.onMouseDown,
+    onMouseUp = _useMouse.onMouseUp;
+  return {
+    onMouseDown: onMouseDown,
+    onMouseUp: onMouseUp
+  };
+};
+
+// 角度
+var Angle = function Angle() {
+  var _useProps2 = (0, _useProps4["default"])(),
+    map = _useProps2.map;
+  var barRef = (0, _react.useRef)();
+
+  // // 监听角度变化
+  // useEffect(() => {
+  //     const move = ()=> {
+  //         // 将角度转换为弧度
+  //         const rotation = CesiumMath.toDegrees(map.camera.pitch).toFixed(2);
+  //         let radians = (rotation * Math.PI) / 180;
+  //
+  //         // 获取元素中心点位置
+  //         const rect = domRef.current.getBoundingClientRect();
+  //         const centerX = rect.width / 2;
+  //         const centerY = rect.height / 2;
+  //
+  //         let distance = rect.width - 6;
+  //
+  //         // 计算目标点的x和y坐标
+  //         let left = centerX + distance * Math.cos(radians);
+  //         let top = centerY + (distance / 2) * Math.sin(radians);
+  //
+  //         barRef.current.style.left = left + "px";
+  //         barRef.current.style.top = top + "px";
+  //
+  //     }
+  //
+  //     map.scene.postRender.addEventListener(move)
+  //     return () => {
+  //         map.scene.postRender.removeEventListener(move)
+  //     }
+  // }, []);
+
+  var domRef = (0, _react.useRef)(null);
+  var onMouseDown = function onMouseDown(event) {
+    event.preventDefault();
+    var startX = event.clientX;
+    var startY = event.clientY;
+    var handleRotate = function handleRotate(e) {
+      var curX = e.clientX;
+      var curY = e.clientY;
+      var rect = domRef.current.getBoundingClientRect();
+      // 获取元素中心点位置
+      var centerX = rect.left + rect.width / 2;
+      var centerY = rect.top + rect.height / 2;
+
+      // 旋转前的角度
+      var rotateDegreeBefore = Math.atan2(startY - centerY, startX - centerX) / (Math.PI / 180);
+
+      // 旋转后的角度
+      var rotateDegreeAfter = Math.atan2(curY - centerY, curX - centerX) / (Math.PI / 180);
+
+      // 获取旋转的角度值
+      var nowRotate = rotateDegreeAfter - rotateDegreeBefore;
+      var radians = _cesium.Math.toRadians(nowRotate);
+      map.camera.lookUp(radians);
+      startX = curX;
+      startY = curY;
+    };
+    var handleMouseUp = function handleMouseUp() {
+      document.removeEventListener('mousemove', handleRotate);
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+    document.addEventListener('mousemove', handleRotate);
+    document.addEventListener('mouseup', handleMouseUp);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: domRef,
+    className: (0, _classnames["default"])("".concat(prefix, "-angle"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: barRef
+    // onMouseDown={onMouseDown}
+    ,
+    className: (0, _classnames["default"])("".concat(prefix, "-angle-bar")),
+    style: {
+      left: 58,
+      top: 5
+    }
+  }));
+};
+
+// 缩放
+var Zoom = function Zoom() {
+  var _useViewMove = useViewMove(),
+    _onMouseDown = _useViewMove.onMouseDown,
+    _onMouseUp = _useViewMove.onMouseUp;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-zoom"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-zoom-in")),
+    onMouseDown: function onMouseDown() {
+      return _onMouseDown('moveForward');
+    },
+    onMouseUp: function onMouseUp() {
+      return _onMouseUp('moveForward');
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-zoom-bar"))
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-zoom-out")),
+    onMouseDown: function onMouseDown() {
+      return _onMouseDown('moveBackward');
+    },
+    onMouseUp: function onMouseUp() {
+      return _onMouseUp('moveBackward');
+    }
+  }));
+};
+
+// 箭头
+var Arrows = function Arrows() {
+  var _useViewMove2 = useViewMove(),
+    _onMouseDown2 = _useViewMove2.onMouseDown,
+    _onMouseUp2 = _useViewMove2.onMouseUp;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-arrows"))
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-arrows-e-active")),
+    onMouseDown: function onMouseDown() {
+      return _onMouseDown2('moveRight');
+    },
+    onMouseUp: function onMouseUp() {
+      return _onMouseUp2('moveRight');
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-arrows-n-active")),
+    onMouseDown: function onMouseDown() {
+      return _onMouseDown2('moveUp');
+    },
+    onMouseUp: function onMouseUp() {
+      return _onMouseUp2('moveUp');
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-arrows-s-active")),
+    onMouseDown: function onMouseDown() {
+      return _onMouseDown2('moveDown');
+    },
+    onMouseUp: function onMouseUp() {
+      return _onMouseUp2('moveDown');
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-arrows-w-active")),
+    onMouseDown: function onMouseDown() {
+      return _onMouseDown2('moveLeft');
+    },
+    onMouseUp: function onMouseUp() {
+      return _onMouseUp2('moveLeft');
+    }
+  }));
+};
+
+// 指南针
+var Compass = function Compass() {
+  var _useProps3 = (0, _useProps4["default"])(),
+    map = _useProps3.map;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    rotation = _useState2[0],
+    setRotation = _useState2[1];
+
+  // 监听角度变化
+  (0, _react.useEffect)(function () {
+    var move = function move() {
+      setRotation(_cesium.Math.toDegrees(map.camera.heading).toFixed(2));
+    };
+    map.scene.postRender.addEventListener(move);
+    return function () {
+      map.scene.postRender.removeEventListener(move);
+    };
+  }, []);
+  var domRef = (0, _react.useRef)(null);
+  var onMouseDown = function onMouseDown(event) {
+    event.preventDefault();
+    var startX = event.clientX;
+    var startY = event.clientY;
+    var handleRotate = function handleRotate(e) {
+      var curX = e.clientX;
+      var curY = e.clientY;
+      var rect = domRef.current.getBoundingClientRect();
+      // 获取元素中心点位置
+      var centerX = rect.left + rect.width / 2;
+      var centerY = rect.top + rect.height / 2;
+
+      // 旋转前的角度
+      var rotateDegreeBefore = Math.atan2(startY - centerY, startX - centerX) / (Math.PI / 180);
+
+      // 旋转后的角度
+      var rotateDegreeAfter = Math.atan2(curY - centerY, curX - centerX) / (Math.PI / 180);
+
+      // 获取旋转的角度值
+      var nowRotate = rotateDegreeAfter - rotateDegreeBefore;
+      var radians = _cesium.Math.toRadians(nowRotate);
+      map.camera.twistRight(radians);
+      startX = curX;
+      startY = curY;
+    };
+    var handleMouseUp = function handleMouseUp() {
+      document.removeEventListener('mousemove', handleRotate);
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+    document.addEventListener('mousemove', handleRotate);
+    document.addEventListener('mouseup', handleMouseUp);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-compass"))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: domRef,
+    className: (0, _classnames["default"])("".concat(prefix, "-compass-ring")),
+    onMouseDown: onMouseDown,
+    style: {
+      transform: "rotate(".concat(rotation, "deg)")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "-compass-ring-center"))
+  })));
+};
+var Navigation = function Navigation(props) {
+  var className = props.className,
+    style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix), className),
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(Compass, null), /*#__PURE__*/_react["default"].createElement(Arrows, null), /*#__PURE__*/_react["default"].createElement(Zoom, null));
+};
+var _default = exports["default"] = Navigation;
+//# sourceMappingURL=index.js.map

package/lib/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_useProps4","_cesium","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","prototype","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","prefix","useMouse","props","timeRef","useRef","useEffect","onClear","onMouseDown","type","event","current","window","setInterval","_props$callback","callback","onMouseUp","clearInterval","useViewMove","_useProps","useProps","map","_useMouse","cameraHeight","scene","globe","ellipsoid","cartesianToCartographic","camera","position","height","moveRate","Angle","_useProps2","barRef","domRef","preventDefault","startX","clientX","startY","clientY","handleRotate","curX","curY","rect","getBoundingClientRect","centerX","left","width","centerY","top","rotateDegreeBefore","Math","atan2","PI","rotateDegreeAfter","nowRotate","radians","CesiumMath","toRadians","lookUp","handleMouseUp","document","removeEventListener","addEventListener","createElement","ref","className","classnames","concat","style","Zoom","_useViewMove","Arrows","_useViewMove2","Fragment","Compass","_useProps3","_useState","useState","_useState2","rotation","setRotation","move","toDegrees","heading","toFixed","postRender","twistRight","transform","Navigation","_default","exports"],"sources":["navigation/index.js"],"sourcesContent":["import React, {useState, useEffect, useRef} from 'react';\nimport classnames from 'classnames';\nimport useProps from '../_util/useProps';\nimport {Math as CesiumMath} from 'cesium';\n\nconst prefix = 'cs-map-navigation';\n\nconst useMouse = (props) => {\n    const timeRef = useRef(null);\n\n    useEffect(() => {\n        return () => {\n            onClear();\n        }\n    }, []);\n\n    // 鼠标按下\n    const onMouseDown = (type, event) => {\n        onClear();\n        timeRef.current = window.setInterval(() => {\n            props.callback?.(type, event);\n        });\n    }\n\n    // 鼠标抬起\n    const onMouseUp = () => {\n        onClear();\n    }\n\n    // 清除定时器\n    const onClear = () => {\n        if (timeRef.current) {\n            window.clearInterval(timeRef.current);\n            timeRef.current = null;\n        }\n    }\n\n    return {\n        onMouseDown,\n        onMouseUp\n    }\n}\n\n// 视角移动\nconst useViewMove = () => {\n    const {map} = useProps();\n\n    const {onMouseDown, onMouseUp} = useMouse({\n        callback: (type) => {\n            // 获取相机到椭球表面的距离\n            const cameraHeight = map.scene.globe.ellipsoid.cartesianToCartographic(map.camera.position).height;\n\n            // 根据相机到椭球表面的距离，计算移动速度\n            const moveRate = cameraHeight /  200.0;\n\n            map.camera[type](moveRate);\n        }\n    });\n\n\n    return {\n        onMouseDown,\n        onMouseUp\n    }\n}\n\n// 角度\nconst Angle = () => {\n    const {map} = useProps();\n    const barRef = useRef();\n\n    // // 监听角度变化\n    // useEffect(() => {\n    //     const move = ()=> {\n    //         // 将角度转换为弧度\n    //         const rotation = CesiumMath.toDegrees(map.camera.pitch).toFixed(2);\n    //         let radians = (rotation * Math.PI) / 180;\n    //\n    //         // 获取元素中心点位置\n    //         const rect = domRef.current.getBoundingClientRect();\n    //         const centerX = rect.width / 2;\n    //         const centerY = rect.height / 2;\n    //\n    //         let distance = rect.width - 6;\n    //\n    //         // 计算目标点的x和y坐标\n    //         let left = centerX + distance * Math.cos(radians);\n    //         let top = centerY + (distance / 2) * Math.sin(radians);\n    //\n    //         barRef.current.style.left = left + \"px\";\n    //         barRef.current.style.top = top + \"px\";\n    //\n    //     }\n    //\n    //     map.scene.postRender.addEventListener(move)\n    //     return () => {\n    //         map.scene.postRender.removeEventListener(move)\n    //     }\n    // }, []);\n\n    const domRef = useRef(null);\n\n    const onMouseDown = (event) => {\n        event.preventDefault();\n\n        let startX = event.clientX;\n        let startY = event.clientY;\n\n        const handleRotate = (e) => {\n            const curX = e.clientX;\n            const curY = e.clientY;\n            const rect = domRef.current.getBoundingClientRect();\n            // 获取元素中心点位置\n            const centerX = rect.left + rect.width / 2;\n            const centerY = rect.top + rect.height / 2;\n\n            // 旋转前的角度\n            const rotateDegreeBefore =\n                Math.atan2(startY - centerY, startX - centerX) / (Math.PI / 180);\n\n            // 旋转后的角度\n            const rotateDegreeAfter =\n                Math.atan2(curY - centerY, curX - centerX) / (Math.PI / 180);\n\n            // 获取旋转的角度值\n            let nowRotate = (rotateDegreeAfter - rotateDegreeBefore);\n            const radians = CesiumMath.toRadians(nowRotate);\n            map.camera.lookUp(radians);\n            startX = curX;\n            startY = curY;\n        };\n\n        const handleMouseUp = () => {\n            document.removeEventListener('mousemove', handleRotate);\n            document.removeEventListener('mouseup', handleMouseUp);\n        };\n\n        document.addEventListener('mousemove', handleRotate);\n        document.addEventListener('mouseup', handleMouseUp);\n    }\n\n    return (\n        <div ref={domRef} className={classnames(`${prefix}-angle`)}>\n            <div\n                ref={barRef}\n                // onMouseDown={onMouseDown}\n                className={classnames(`${prefix}-angle-bar`)}\n                style={{left: 58, top: 5}}\n            />\n        </div>\n    )\n}\n\n// 缩放\nconst Zoom = () => {\n    const {onMouseDown, onMouseUp} = useViewMove();\n\n    return (\n        <div className={classnames(`${prefix}-zoom`)}>\n            <div\n                className={classnames(`${prefix}-zoom-in`)}\n                onMouseDown={() => onMouseDown('moveForward')}\n                onMouseUp={() => onMouseUp('moveForward')}\n            />\n\n            <div className={classnames(`${prefix}-zoom-bar`)}/>\n\n            <div\n                className={classnames(`${prefix}-zoom-out`)}\n                onMouseDown={() => onMouseDown('moveBackward')}\n                onMouseUp={() => onMouseUp('moveBackward')}\n            />\n        </div>\n    )\n}\n\n// 箭头\nconst Arrows = () => {\n    const {onMouseDown, onMouseUp} = useViewMove();\n    return (\n        <>\n            <div className={classnames(`${prefix}-arrows`)}/>\n\n            <div\n                className={classnames(`${prefix}-arrows-e-active`)}\n                onMouseDown={() => onMouseDown('moveRight')}\n                onMouseUp={() => onMouseUp('moveRight')}\n            />\n\n            <div\n                className={classnames(`${prefix}-arrows-n-active`)}\n                onMouseDown={() => onMouseDown('moveUp')}\n                onMouseUp={() => onMouseUp('moveUp')}\n            />\n\n            <div\n                className={classnames(`${prefix}-arrows-s-active`)}\n                onMouseDown={() => onMouseDown('moveDown')}\n                onMouseUp={() => onMouseUp('moveDown')}\n            />\n\n            <div\n                className={classnames(`${prefix}-arrows-w-active`)}\n                onMouseDown={() => onMouseDown('moveLeft')}\n                onMouseUp={() => onMouseUp('moveLeft')}\n            />\n        </>\n    )\n}\n\n// 指南针\nconst Compass = () => {\n    const {map} = useProps();\n    const [rotation, setRotation] = useState(0);\n\n    // 监听角度变化\n    useEffect(() => {\n        const move = ()=> {\n            setRotation(CesiumMath.toDegrees(map.camera.heading).toFixed(2));\n        }\n\n        map.scene.postRender.addEventListener(move)\n        return () => {\n            map.scene.postRender.removeEventListener(move)\n        }\n    }, []);\n\n    const domRef = useRef(null);\n\n    const onMouseDown = (event) => {\n        event.preventDefault();\n\n        let startX = event.clientX;\n        let startY = event.clientY;\n\n        const handleRotate = (e) => {\n            const curX = e.clientX;\n            const curY = e.clientY;\n            const rect = domRef.current.getBoundingClientRect();\n            // 获取元素中心点位置\n            const centerX = rect.left + rect.width / 2;\n            const centerY = rect.top + rect.height / 2;\n\n            // 旋转前的角度\n            const rotateDegreeBefore =\n                Math.atan2(startY - centerY, startX - centerX) / (Math.PI / 180);\n\n            // 旋转后的角度\n            const rotateDegreeAfter =\n                Math.atan2(curY - centerY, curX - centerX) / (Math.PI / 180);\n\n            // 获取旋转的角度值\n            let nowRotate = (rotateDegreeAfter - rotateDegreeBefore);\n            const radians = CesiumMath.toRadians(nowRotate);\n            map.camera.twistRight(radians);\n            startX = curX;\n            startY = curY;\n        };\n\n        const handleMouseUp = () => {\n            document.removeEventListener('mousemove', handleRotate);\n            document.removeEventListener('mouseup', handleMouseUp);\n        };\n\n        document.addEventListener('mousemove', handleRotate);\n        document.addEventListener('mouseup', handleMouseUp);\n    }\n\n    return (\n        <div className={classnames(`${prefix}-compass`)}>\n            <div\n                ref={domRef}\n                className={classnames(`${prefix}-compass-ring`)}\n                onMouseDown={onMouseDown}\n                style={{transform: `rotate(${rotation}deg)`}}\n            >\n                <div\n                    className={classnames(`${prefix}-compass-ring-center`)}\n                />\n            </div>\n        </div>\n    )\n}\n\nconst Navigation = (props) => {\n    const {className, style} = props;\n    return (\n        <div className={classnames(`${prefix}`, className)} style={style}>\n            <Compass />\n            <Arrows />\n            <Zoom />\n        </div>\n    )\n}\n\nexport default Navigation;\n"],"mappings":"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","ignoreList":[]}

package/lib/navigation/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/navigation/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":["require"],"sources":["navigation/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/lib/navigation/style/index.css

@@ -0,0 +1,160 @@
+.cs-map-navigation {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  height: 300px;
+  width: 128px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.cs-map-navigation-compass {
+  pointer-events: auto;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  width: 128px;
+  height: 128px;
+  overflow: hidden;
+  z-index: 9;
+}
+.cs-map-navigation-compass-ring {
+  cursor: pointer;
+  position: absolute;
+  width: 128px;
+  height: 128px;
+  top: 0;
+  -webkit-transform: rotate(0rad);
+      -ms-transform: rotate(0rad);
+          transform: rotate(0rad);
+  background-image: url('../assets/ring.png');
+}
+.cs-map-navigation-compass-ring:active {
+  background-image: url('../assets/ring_active.png');
+}
+.cs-map-navigation-compass-ring-center {
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  top: 18px;
+  left: 56px;
+}
+.cs-map-navigation-arrows {
+  position: absolute;
+  width: 128px;
+  height: 128px;
+  top: 10px;
+  right: 10px;
+  z-index: 8;
+  background-image: url('../assets/compass_active.png');
+  visibility: hidden;
+}
+.cs-map-navigation-arrows-e-active,
+.cs-map-navigation-arrows-n-active,
+.cs-map-navigation-arrows-s-active,
+.cs-map-navigation-arrows-w-active {
+  cursor: pointer;
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  z-index: 10;
+}
+.cs-map-navigation-arrows-e-active {
+  top: 62px;
+  left: 62px;
+}
+.cs-map-navigation-arrows-e-active:active {
+  background-image: url('../assets/arrows_e_active.png');
+}
+.cs-map-navigation-arrows-n-active {
+  top: 42px;
+  left: 42px;
+}
+.cs-map-navigation-arrows-n-active:active {
+  background-image: url('../assets/arrows_n_active.png');
+}
+.cs-map-navigation-arrows-s-active {
+  top: 82px;
+  left: 42px;
+}
+.cs-map-navigation-arrows-s-active:active {
+  background-image: url('../assets/arrows_s_active.png');
+}
+.cs-map-navigation-arrows-w-active {
+  top: 62px;
+  left: 24px;
+}
+.cs-map-navigation-arrows-w-active:active {
+  background-image: url('../assets/arrows_w_active.png');
+}
+.cs-map-navigation-zoom {
+  position: absolute;
+  width: 30px;
+  height: 150px;
+  background-image: url('../assets/zoom.png');
+  top: 130px;
+  right: 60px;
+  visibility: hidden;
+}
+.cs-map-navigation-zoom-in {
+  position: absolute;
+  z-index: 99;
+  top: -2px;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+}
+.cs-map-navigation-zoom-in:active {
+  background-image: url('../assets/zoom_active_in.png');
+}
+.cs-map-navigation-zoom-out {
+  position: absolute;
+  z-index: 99;
+  width: 32px;
+  height: 32px;
+  bottom: -2px;
+  cursor: pointer;
+}
+.cs-map-navigation-zoom-out:active {
+  background-image: url('../assets/zoom_active_out.png');
+}
+.cs-map-navigation-zoom-bar {
+  position: absolute;
+  cursor: pointer;
+  width: 32px;
+  height: 32px;
+  top: 65px;
+  background-image: url('../assets/zoombar.png');
+}
+.cs-map-navigation-angle {
+  position: absolute;
+  width: 128px;
+  height: 128px;
+  background-image: url('../assets/tilt.png');
+  right: 6px;
+  top: 6px;
+}
+.cs-map-navigation-angle-bar {
+  cursor: pointer;
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  background-image: url('../assets/tiltbar.png');
+  background-repeat: no-repeat;
+  z-index: 10;
+  left: 58px;
+  top: 5px;
+}
+.cs-map-navigation:hover .cs-map-navigation-arrows,
+.cs-map-navigation:active .cs-map-navigation-arrows,
+.cs-map-navigation:hover .cs-map-navigation-zoom,
+.cs-map-navigation:active .cs-map-navigation-zoom,
+.cs-map-navigation:hover .cs-map-navigation-angle,
+.cs-map-navigation:active .cs-map-navigation-angle {
+  visibility: visible;
+}

package/lib/navigation/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/navigation/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["navigation/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}