整理

src/pages/Satellite/Cesium/cesium-helper/00.cesium-init.ts

@@ -0,0 +1,62 @@
+import * as Cesium from 'cesium';
+
+import { VIEWER_OPTIONS } from './00.cesium-init.VIEWER_OPTIONS';
+
+import 'cesium/Build/Cesium/Widgets/widgets.css';
+
+Object.assign(window, { Cesium });
+
+_configureCesium();
+
+export function cesium_init(container: Element) {
+  const viewer = new Cesium.Viewer(container, VIEWER_OPTIONS);
+
+  viewer.scene.debugShowFramesPerSecond = true;
+
+  return viewer;
+}
+
+function _configureCesium() {
+  if (document.querySelector('#hide-cesium-viewer-bottom') === null) {
+    document.head.append(
+      Object.assign(document.createElement('style'), {
+        id: 'hide-cesium-viewer-bottom',
+        innerHTML: `
+.cesium-viewer-bottom {
+  display: none !important;
+}
+`.trim(),
+        type: 'text/css',
+      }),
+    );
+  }
+
+  /* 时间日期格式化 */ {
+    const minutes = 0 - new Date().getTimezoneOffset(); // 0 - (-480);
+
+    // Animation 的时间日期格式化
+    Cesium.AnimationViewModel.defaultDateFormatter = function (date) {
+      const dataZone8 = Cesium.JulianDate.addMinutes(date, minutes, new Cesium.JulianDate());
+      return Cesium.JulianDate.toIso8601(dataZone8).slice(0, 10);
+    };
+    Cesium.AnimationViewModel.defaultTimeFormatter = function (time) {
+      const dataZone8 = Cesium.JulianDate.addMinutes(time, minutes, new Cesium.JulianDate());
+      return Cesium.JulianDate.toIso8601(dataZone8).slice(11, 19);
+    };
+
+    // Timeline 的时间日期格式化
+    // @ts-expect-error node_modules/@cesium/widgets/Source/Timeline/Timeline.js
+    Cesium.Timeline.prototype.makeLabel = function (time) {
+      const dataZone8 = Cesium.JulianDate.addMinutes(time, minutes, new Cesium.JulianDate());
+      return Cesium.JulianDate.toIso8601(dataZone8).slice(0, 19);
+    };
+  }
+
+  // 默认视图区域
+  Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(
+    75, // 西经
+    10, // 南纬
+    140, // 东经
+    60, // 北纬
+  );
+}