Appearance
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;
