Skip to content

Map


ts
import { Viewer } from "joDVF";
import { JulianDate, Cartesian3, Event } from "joCesium";

const container = document.createElement("div");
container.style.width = "100%";
container.style.height = "100%";
document.body.appendChild(container);

interface CustomViewer extends Viewer {
  frameUpdate: Event;
}

const viewer = new Viewer(container, {
  location: false,
  skyBox: false,
  creditContainer: document.createElement("div"),
  scene3DOnly: true
}) as CustomViewer;

viewer.clock.currentTime = new JulianDate(2459299, 27.258);
viewer.clock.multiplier = 1500;
viewer.clock.shouldAnimate = true;

const scene = viewer.scene;

// scene.backgroundColor = Color.fromCssColorString('#0E1422');

let speed = 0.0005;
let loop = ([deltaTime]) => {
  viewer.camera.rotate(Cartesian3.UNIT_Z, -deltaTime * speed);
};

viewer.frameUpdate = new Event();

let lasTime: number;
viewer.scene.preUpdate.addEventListener(() => {
  let dateNow = Date.now();
  let deltaTime = lasTime != null ? dateNow - lasTime : 0;
  lasTime = dateNow;
  viewer.frameUpdate.raiseEvent([deltaTime]);
});

viewer.frameUpdate.addEventListener(loop);

scene.globe.enableLighting = true;
scene.globe.nightFadeOutDistance = 1e8;