本文主要参考链接:https://www.cnblogs.com/fuckgiser/p/5669920.html
api查看方式:你本地启动好了之后,访问8080端口,首页面有个叫Documentation的点进去,就是了
基本知识Clock控件(主要是控制时间相关)
和clock有关的是 animation(左下角时间圆盘) 控件和 timeline(下方时间条) 控件
Clock中默认开始时间(startTime)为当前时间,终止时间(stopTime)为24小
时后,并能获取当前时间(currentTime)。
Clock的ClockRange属性,默认为: UNBOUNDED
Clock的ClockRange属性
CLAMPED:达到终止时间后停止
LOOP_STOP:达到终止时间后重新循环
UNBOUNDED:达到终止时间后继续读秒(默认)
请仔细阅读下面这段话
Clock所用的时间和我们平时开发所用的时间不同!!!!
(仔细看,很重要)
Clock内部以儒略日(JulianDate)维护时间。其起始日期为公元前4713年1月1日中午12时,这和我们常用的格林威治时间略有不同,主要是天文学家使用。JulianDate类提供了非常丰富的接口,时间的对比,运算,和格林威治时间的转换等,简单易用,完全满足各类需求。同时内部还可以采用国际原子时(TAI)的方式来记录。 最后要强调的是tick方法,Cesium内部每一帧都会调用该方法,实现时间状态的更新和检测。 涉及到时间的细节很多,比如TimeInterval,TimeConstants。
Animation左下方小圆盘控件
通过上面那段话可知,cesium所用时间和我们平时开发所用的时间有所不同。所以当你想用特定的某个时间的时候需要转换才能用。下面以当前系统时间设置成Animation时间为例。需要重写timeFormatter方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>Hello World!</title>
<!-- 该文件很重要是所有的核心 -->
<script src="../../Build/Cesium/Cesium.js"></script>
<style>
@import url(../../Build/Cesium/Widgets/widgets.css);
html,body,#cesiumContainer {
width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}
</style>
</head>
<body>
<div id=