@map-colonies/react-components 3.10.5 → 3.12.2

package/dist/cesium-map/terrain-providers/custom/quantized-mesh-terrain-provider.js

@@ -1,136 +1,136 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-var cesium_1 = require("cesium");
-var quantized_mesh_decoder_1 = __importDefault(require("@here/quantized-mesh-decoder"));
-var dummy_quantized_mesh_tile_1 = __importDefault(require("./dummy-quantized-mesh-tile"));
-var TILE_IMAGE_WIDTH = 65;
-var QuantizedMeshTerrainProvider /*extends TerrainProvider*/ = /** @class */ (function () {
-    function QuantizedMeshTerrainProvider(options) {
-        var _a;
-        // super();
-        this.ready = false;
-        this.dummyTile = quantized_mesh_decoder_1.default(dummy_quantized_mesh_tile_1.default);
-        this.tilingScheme = (_a = options.tilingScheme) !== null && _a !== void 0 ? _a : new cesium_1.WebMercatorTilingScheme();
-        if (options.getUrl === undefined) {
-            throw new Error('getUrl option is missing');
-        }
-        if (options.credit !== undefined) {
-            this.credits = [new cesium_1.Credit(options.credit)];
-        }
-        this.getUrl = options.getUrl;
-        this.readyPromise = Promise.resolve(true);
-        this.ready = true;
-    }
-    QuantizedMeshTerrainProvider.prototype.requestTileGeometry = function (x, y, level) {
-        var _this = this;
-        var url = this.getUrl(x, y, level);
-        return window
-            .fetch(url)
-            .then(function (res) {
-            if (res.status !== 200) {
-                return _this.generateDummyTile(x, y, level);
-            }
-            return _this.decodeResponse(res, x, y, level);
-        })
-            .then(function (decodedTile) {
-            return _this.createQuantizedMeshData(decodedTile, x, y, level);
-        })
-            .catch(function (err) {
-            console.error(err);
-        });
-    };
-    QuantizedMeshTerrainProvider.prototype.getTileDataAvailable = function (x, y, level) {
-        return true;
-    };
-    QuantizedMeshTerrainProvider.prototype.getLevelMaximumGeometricError = function (level) {
-        var levelZeroMaximumGeometricError = cesium_1.TerrainProvider.getEstimatedLevelZeroGeometricErrorForAHeightmap(this.tilingScheme.ellipsoid, TILE_IMAGE_WIDTH, this.tilingScheme.getNumberOfXTilesAtLevel(0));
-        return levelZeroMaximumGeometricError / (1 << level);
-    };
-    QuantizedMeshTerrainProvider.prototype.generateDummyTileHeader = function (x, y, level) {
-        var tileRect = this.tilingScheme.tileXYToRectangle(x, y, level);
-        var tileNativeRect = this.tilingScheme.tileXYToNativeRectangle(x, y, level);
-        var tileCenter = cesium_1.Cartographic.toCartesian(cesium_1.Rectangle.center(tileRect));
-        var horizonOcclusionPoint = cesium_1.Ellipsoid.WGS84.transformPositionToScaledSpace(tileCenter);
-        return {
-            centerX: tileCenter.x,
-            centerY: tileCenter.y,
-            centerZ: tileCenter.z,
-            minHeight: 0,
-            maxHeight: 0,
-            boundingSphereCenterX: tileCenter.x,
-            boundingSphereCenterY: tileCenter.y,
-            boundingSphereCenterZ: tileCenter.z,
-            boundingSphereRadius: tileNativeRect.height,
-            horizonOcclusionPointX: horizonOcclusionPoint.x,
-            horizonOcclusionPointY: horizonOcclusionPoint.y,
-            horizonOcclusionPointZ: horizonOcclusionPoint.z,
-        };
-    };
-    QuantizedMeshTerrainProvider.prototype.createQuantizedMeshData = function (decodedTile, x, y, level) {
-        var tileRect = this.tilingScheme.tileXYToRectangle(x, y, level);
-        var boundingSphereCenter = new cesium_1.Cartesian3(decodedTile.header.boundingSphereCenterX, decodedTile.header.boundingSphereCenterY, decodedTile.header.boundingSphereCenterZ);
-        var boundingSphere = new cesium_1.BoundingSphere(boundingSphereCenter, decodedTile.header.boundingSphereRadius);
-        var horizonOcclusionPoint = new cesium_1.Cartesian3(decodedTile.header.horizonOcclusionPointX, decodedTile.header.horizonOcclusionPointY, decodedTile.header.horizonOcclusionPointZ);
-        var orientedBoundingBox;
-        if (tileRect.width < cesium_1.Math.PI_OVER_TWO + cesium_1.Math.EPSILON5) {
-            orientedBoundingBox = cesium_1.OrientedBoundingBox.fromRectangle(tileRect, decodedTile.header.minHeight, decodedTile.header.maxHeight);
-        }
-        return new cesium_1.QuantizedMeshTerrainData({
-            minimumHeight: decodedTile.header.minHeight,
-            maximumHeight: decodedTile.header.maxHeight,
-            quantizedVertices: decodedTile.vertexData,
-            indices: decodedTile.triangleIndices,
-            boundingSphere: boundingSphere,
-            orientedBoundingBox: orientedBoundingBox,
-            horizonOcclusionPoint: horizonOcclusionPoint,
-            westIndices: decodedTile.westIndices,
-            southIndices: decodedTile.southIndices,
-            eastIndices: decodedTile.eastIndices,
-            northIndices: decodedTile.northIndices,
-            westSkirtHeight: 100,
-            southSkirtHeight: 100,
-            eastSkirtHeight: 100,
-            northSkirtHeight: 100,
-            childTileMask: 15,
-            credits: this.credits,
-        });
-    };
-    QuantizedMeshTerrainProvider.prototype.generateDummyTile = function (x, y, level) {
-        return __assign(__assign({}, this.dummyTile), this.generateDummyTileHeader(x, y, level));
-    };
-    QuantizedMeshTerrainProvider.prototype.decodeResponse = function (res, x, y, level) {
-        var _this = this;
-        return res
-            .arrayBuffer()
-            .then(function (buffer) {
-            return quantized_mesh_decoder_1.default(buffer);
-        })
-            .catch(function (err) {
-            console.error("Decoding failed on tile " + _this.getUrl(x, y, level));
-            console.error(err);
-            return _this.generateDummyTile(x, y, level);
-        });
-    };
-    return QuantizedMeshTerrainProvider;
-}());
-exports.default = QuantizedMeshTerrainProvider;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+var cesium_1 = require("cesium");
+var quantized_mesh_decoder_1 = __importDefault(require("@here/quantized-mesh-decoder"));
+var dummy_quantized_mesh_tile_1 = __importDefault(require("./dummy-quantized-mesh-tile"));
+var TILE_IMAGE_WIDTH = 65;
+var QuantizedMeshTerrainProvider /*extends TerrainProvider*/ = /** @class */ (function () {
+    function QuantizedMeshTerrainProvider(options) {
+        var _a;
+        // super();
+        this.ready = false;
+        this.dummyTile = quantized_mesh_decoder_1.default(dummy_quantized_mesh_tile_1.default);
+        this.tilingScheme = (_a = options.tilingScheme) !== null && _a !== void 0 ? _a : new cesium_1.WebMercatorTilingScheme();
+        if (options.getUrl === undefined) {
+            throw new Error('getUrl option is missing');
+        }
+        if (options.credit !== undefined) {
+            this.credits = [new cesium_1.Credit(options.credit)];
+        }
+        this.getUrl = options.getUrl;
+        this.readyPromise = Promise.resolve(true);
+        this.ready = true;
+    }
+    QuantizedMeshTerrainProvider.prototype.requestTileGeometry = function (x, y, level) {
+        var _this = this;
+        var url = this.getUrl(x, y, level);
+        return window
+            .fetch(url)
+            .then(function (res) {
+            if (res.status !== 200) {
+                return _this.generateDummyTile(x, y, level);
+            }
+            return _this.decodeResponse(res, x, y, level);
+        })
+            .then(function (decodedTile) {
+            return _this.createQuantizedMeshData(decodedTile, x, y, level);
+        })
+            .catch(function (err) {
+            console.error(err);
+        });
+    };
+    QuantizedMeshTerrainProvider.prototype.getTileDataAvailable = function (x, y, level) {
+        return true;
+    };
+    QuantizedMeshTerrainProvider.prototype.getLevelMaximumGeometricError = function (level) {
+        var levelZeroMaximumGeometricError = cesium_1.TerrainProvider.getEstimatedLevelZeroGeometricErrorForAHeightmap(this.tilingScheme.ellipsoid, TILE_IMAGE_WIDTH, this.tilingScheme.getNumberOfXTilesAtLevel(0));
+        return levelZeroMaximumGeometricError / (1 << level);
+    };
+    QuantizedMeshTerrainProvider.prototype.generateDummyTileHeader = function (x, y, level) {
+        var tileRect = this.tilingScheme.tileXYToRectangle(x, y, level);
+        var tileNativeRect = this.tilingScheme.tileXYToNativeRectangle(x, y, level);
+        var tileCenter = cesium_1.Cartographic.toCartesian(cesium_1.Rectangle.center(tileRect));
+        var horizonOcclusionPoint = cesium_1.Ellipsoid.WGS84.transformPositionToScaledSpace(tileCenter);
+        return {
+            centerX: tileCenter.x,
+            centerY: tileCenter.y,
+            centerZ: tileCenter.z,
+            minHeight: 0,
+            maxHeight: 0,
+            boundingSphereCenterX: tileCenter.x,
+            boundingSphereCenterY: tileCenter.y,
+            boundingSphereCenterZ: tileCenter.z,
+            boundingSphereRadius: tileNativeRect.height,
+            horizonOcclusionPointX: horizonOcclusionPoint.x,
+            horizonOcclusionPointY: horizonOcclusionPoint.y,
+            horizonOcclusionPointZ: horizonOcclusionPoint.z,
+        };
+    };
+    QuantizedMeshTerrainProvider.prototype.createQuantizedMeshData = function (decodedTile, x, y, level) {
+        var tileRect = this.tilingScheme.tileXYToRectangle(x, y, level);
+        var boundingSphereCenter = new cesium_1.Cartesian3(decodedTile.header.boundingSphereCenterX, decodedTile.header.boundingSphereCenterY, decodedTile.header.boundingSphereCenterZ);
+        var boundingSphere = new cesium_1.BoundingSphere(boundingSphereCenter, decodedTile.header.boundingSphereRadius);
+        var horizonOcclusionPoint = new cesium_1.Cartesian3(decodedTile.header.horizonOcclusionPointX, decodedTile.header.horizonOcclusionPointY, decodedTile.header.horizonOcclusionPointZ);
+        var orientedBoundingBox;
+        if (tileRect.width < cesium_1.Math.PI_OVER_TWO + cesium_1.Math.EPSILON5) {
+            orientedBoundingBox = cesium_1.OrientedBoundingBox.fromRectangle(tileRect, decodedTile.header.minHeight, decodedTile.header.maxHeight);
+        }
+        return new cesium_1.QuantizedMeshTerrainData({
+            minimumHeight: decodedTile.header.minHeight,
+            maximumHeight: decodedTile.header.maxHeight,
+            quantizedVertices: decodedTile.vertexData,
+            indices: decodedTile.triangleIndices,
+            boundingSphere: boundingSphere,
+            orientedBoundingBox: orientedBoundingBox,
+            horizonOcclusionPoint: horizonOcclusionPoint,
+            westIndices: decodedTile.westIndices,
+            southIndices: decodedTile.southIndices,
+            eastIndices: decodedTile.eastIndices,
+            northIndices: decodedTile.northIndices,
+            westSkirtHeight: 100,
+            southSkirtHeight: 100,
+            eastSkirtHeight: 100,
+            northSkirtHeight: 100,
+            childTileMask: 15,
+            credits: this.credits,
+        });
+    };
+    QuantizedMeshTerrainProvider.prototype.generateDummyTile = function (x, y, level) {
+        return __assign(__assign({}, this.dummyTile), this.generateDummyTileHeader(x, y, level));
+    };
+    QuantizedMeshTerrainProvider.prototype.decodeResponse = function (res, x, y, level) {
+        var _this = this;
+        return res
+            .arrayBuffer()
+            .then(function (buffer) {
+            return quantized_mesh_decoder_1.default(buffer);
+        })
+            .catch(function (err) {
+            console.error("Decoding failed on tile " + _this.getUrl(x, y, level));
+            console.error(err);
+            return _this.generateDummyTile(x, y, level);
+        });
+    };
+    return QuantizedMeshTerrainProvider;
+}());
+exports.default = QuantizedMeshTerrainProvider;

package/dist/cesium-map/tools/cesium/primitives-conversions.cesium.d.ts

@@ -1,2 +1,2 @@
-import { Rectangle, Cartesian3 } from 'cesium';
-export declare const rectangleToPositions: (positions: Rectangle) => Cartesian3[];
+import { Rectangle, Cartesian3 } from 'cesium';
+export declare const rectangleToPositions: (positions: Rectangle) => Cartesian3[];

package/dist/cesium-map/tools/cesium/primitives-conversions.cesium.js

@@ -1,38 +1,38 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rectangleToPositions = void 0;
-var cesium_1 = require("cesium");
-var turf = __importStar(require("@turf/helpers"));
-var bbox_1 = __importDefault(require("@turf/bbox"));
-var bbox_polygon_1 = __importDefault(require("@turf/bbox-polygon"));
-var rectangleToPositions = function (positions) {
-    var line = turf.lineString([
-        [positions.west, positions.south],
-        [positions.east, positions.north],
-    ]);
-    var polygon = bbox_polygon_1.default(bbox_1.default(line));
-    return polygon.geometry.coordinates[0].map(function (coord) { return cesium_1.Cartesian3.fromRadiansArray(coord)[0]; });
-};
-exports.rectangleToPositions = rectangleToPositions;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rectangleToPositions = void 0;
+var cesium_1 = require("cesium");
+var turf = __importStar(require("@turf/helpers"));
+var bbox_1 = __importDefault(require("@turf/bbox"));
+var bbox_polygon_1 = __importDefault(require("@turf/bbox-polygon"));
+var rectangleToPositions = function (positions) {
+    var line = turf.lineString([
+        [positions.west, positions.south],
+        [positions.east, positions.north],
+    ]);
+    var polygon = bbox_polygon_1.default(bbox_1.default(line));
+    return polygon.geometry.coordinates[0].map(function (coord) { return cesium_1.Cartesian3.fromRadiansArray(coord)[0]; });
+};
+exports.rectangleToPositions = rectangleToPositions;

package/dist/cesium-map/tools/coordinates-tracker.tool.css

@@ -1,11 +1,11 @@
-.trackerPosition {
-  background-color: var(--mdc-theme-surface);
-  z-index: 2000;
-  padding: 2px 2px;
-  border-radius: 2px;
-  font-size: 12px;
-  height: 24px;
-  text-align: center;
-  line-height: 20px;
-  white-space: nowrap;
-}
+.trackerPosition {
+  background-color: var(--mdc-theme-surface);
+  z-index: 2000;
+  padding: 2px 2px;
+  border-radius: 2px;
+  font-size: 12px;
+  height: 24px;
+  text-align: center;
+  line-height: 20px;
+  white-space: nowrap;
+}

package/dist/cesium-map/tools/coordinates-tracker.tool.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import './coordinates-tracker.tool.css';
-import { Proj } from '../../utils/projections';
-export interface RCoordinatesTrackerToolProps {
-    projection?: Proj;
-}
-export declare const CoordinatesTrackerTool: React.FC<RCoordinatesTrackerToolProps>;
+import React from 'react';
+import './coordinates-tracker.tool.css';
+import { Proj } from '../../utils/projections';
+export interface RCoordinatesTrackerToolProps {
+    projection?: Proj;
+}
+export declare const CoordinatesTrackerTool: React.FC<RCoordinatesTrackerToolProps>;

package/dist/cesium-map/tools/coordinates-tracker.tool.js

@@ -1,78 +1,78 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CoordinatesTrackerTool = void 0;
-var react_1 = __importStar(require("react"));
-var cesium_1 = require("cesium");
-var map_1 = require("../map");
-require("./coordinates-tracker.tool.css");
-var projections_1 = require("../../utils/projections");
-var CoordinatesTrackerTool = function (props) {
-    var mapViewer = map_1.useCesiumMap();
-    var ref = react_1.useRef(null);
-    var _a = react_1.useState({ x: 0, y: 0 }), position = _a[0], setPosition = _a[1];
-    react_1.useEffect(function () {
-        var setFromEvent = function (e) {
-            return setPosition({ x: e.clientX, y: e.clientY });
-        };
-        mapViewer.scene.canvas.addEventListener('mousemove', setFromEvent);
-        return function () {
-            try {
-                mapViewer.scene.canvas.removeEventListener('mousemove', setFromEvent);
-            }
-            catch (e) {
-                console.log('CESIUM canvas "mousemove" remove listener failed', e);
-            }
-        };
-    }, [ref, mapViewer]);
-    react_1.useEffect(function () {
-        var ellipsoid = mapViewer.scene.globe.ellipsoid;
-        // Mouse over the globe to see the cartographic position
-        var cartesian = mapViewer.camera.pickEllipsoid(new cesium_1.Cartesian3(position.x, position.y), ellipsoid);
-        if (cartesian) {
-            var cartographic = ellipsoid.cartesianToCartographic(cartesian);
-            if (ref.current) {
-                var coordinatesText = '';
-                switch (props.projection) {
-                    case projections_1.Proj.WEB_MERCATOR: {
-                        var wmProjection = new cesium_1.WebMercatorProjection(ellipsoid);
-                        var res = wmProjection.project(cartographic);
-                        coordinatesText = "Mercator: " + res.y.toFixed(projections_1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m, " + res.x.toFixed(projections_1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m";
-                        ref.current.style.width = '220px';
-                        break;
-                    }
-                    case projections_1.Proj.WGS84: {
-                        var longitudeString = cesium_1.Math.toDegrees(cartographic.longitude).toFixed(projections_1.COORDINATES_WGS_FRACTION_DIGITS);
-                        var latitudeString = cesium_1.Math.toDegrees(cartographic.latitude).toFixed(projections_1.COORDINATES_WGS_FRACTION_DIGITS);
-                        coordinatesText = "WGS84: " + latitudeString + "\u00B0N " + longitudeString + "\u00B0E";
-                        ref.current.style.width = '200px';
-                        break;
-                    }
-                    default:
-                        break;
-                }
-                ref.current.innerHTML = coordinatesText;
-            }
-        }
-    }, [position, ref, mapViewer, props.projection]);
-    return react_1.default.createElement("div", { className: "trackerPosition", ref: ref });
-};
-exports.CoordinatesTrackerTool = CoordinatesTrackerTool;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoordinatesTrackerTool = void 0;
+var react_1 = __importStar(require("react"));
+var cesium_1 = require("cesium");
+var map_1 = require("../map");
+require("./coordinates-tracker.tool.css");
+var projections_1 = require("../../utils/projections");
+var CoordinatesTrackerTool = function (props) {
+    var mapViewer = map_1.useCesiumMap();
+    var ref = react_1.useRef(null);
+    var _a = react_1.useState({ x: 0, y: 0 }), position = _a[0], setPosition = _a[1];
+    react_1.useEffect(function () {
+        var setFromEvent = function (e) {
+            return setPosition({ x: e.clientX, y: e.clientY });
+        };
+        mapViewer.scene.canvas.addEventListener('mousemove', setFromEvent);
+        return function () {
+            try {
+                mapViewer.scene.canvas.removeEventListener('mousemove', setFromEvent);
+            }
+            catch (e) {
+                console.log('CESIUM canvas "mousemove" remove listener failed', e);
+            }
+        };
+    }, [ref, mapViewer]);
+    react_1.useEffect(function () {
+        var ellipsoid = mapViewer.scene.globe.ellipsoid;
+        // Mouse over the globe to see the cartographic position
+        var cartesian = mapViewer.camera.pickEllipsoid(new cesium_1.Cartesian3(position.x, position.y), ellipsoid);
+        if (cartesian) {
+            var cartographic = ellipsoid.cartesianToCartographic(cartesian);
+            if (ref.current) {
+                var coordinatesText = '';
+                switch (props.projection) {
+                    case projections_1.Proj.WEB_MERCATOR: {
+                        var wmProjection = new cesium_1.WebMercatorProjection(ellipsoid);
+                        var res = wmProjection.project(cartographic);
+                        coordinatesText = "Mercator: " + res.y.toFixed(projections_1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m, " + res.x.toFixed(projections_1.COORDINATES_MERCATOR_FRACTION_DIGITS) + "m";
+                        ref.current.style.width = '220px';
+                        break;
+                    }
+                    case projections_1.Proj.WGS84: {
+                        var longitudeString = cesium_1.Math.toDegrees(cartographic.longitude).toFixed(projections_1.COORDINATES_WGS_FRACTION_DIGITS);
+                        var latitudeString = cesium_1.Math.toDegrees(cartographic.latitude).toFixed(projections_1.COORDINATES_WGS_FRACTION_DIGITS);
+                        coordinatesText = "WGS84: " + latitudeString + "\u00B0N " + longitudeString + "\u00B0E";
+                        ref.current.style.width = '200px';
+                        break;
+                    }
+                    default:
+                        break;
+                }
+                ref.current.innerHTML = coordinatesText;
+            }
+        }
+    }, [position, ref, mapViewer, props.projection]);
+    return react_1.default.createElement("div", { className: "trackerPosition", ref: ref });
+};
+exports.CoordinatesTrackerTool = CoordinatesTrackerTool;