通过czml可以在cesium上实现非常棒的动态效果

(1)Cesium
Language (CZML) 入门--CZML Structure(CZML的结构)

原文地址:https://github.com/AnalyticalGraphicsInc/cesium/wiki/CZML-Structure

CZML是一种用来描述动态场景的JSON架构的语言,主要用于Cesium在浏览器中的展示。它可以用来描述点、线、布告板、模型以及其他的图元,同时定义他们是怎样随时间变化的。Cesium拥有一套富客户端API,通过CZML采用数据驱动的方式,不用写代码我就可以使用通用的Cesium viewer构建出丰富的场景。Cesium与CZML的关系就如同Google Earth和KML的关系。CZML和KML都是用来描述场景的数据格式,可以通到很多其他的程序自动生成,或者手写也可以。CZML拥有很多的特性,其中有一些区别于KML的:

  1. CZML 是基于JSON的。
  2. CZML可以准确的描述值随时间变化的属性。理由,一条在某一时间内是红色的而在另一时间内是蓝色的。同时客户端可以根据时间戳进行差值。加入有一辆车,分别定义了两个不同时间的位置,通过CZML定义的差值算法,客户端可以准确的显示在这两个时间点之间车的位置。所有属性都可以是随时间变化的。
  3. CZML通过增量流的方式传送到客户端。在场景显示之前,整个CZML文档需要首先被下载到客户端。在某些情况下,个别客户端可能会加入或离开正在传输的流。(这段翻译的不好)
  4. CZML高度优化,旨在解析时更紧凑也更容易,让人工的读写更容易。
  5. CZML可扩展,尽管CZML的主要作用在与虚拟地球客户端程序与场景的交流,但它可以很容易的通过扩展来满足其他一些辅助的程序对静态或动态数据的需求。例如,随时间动态变化在数据就可以用在某些2D的图表程序中。
  6. CZML是一个开放的格式。我们希望有更多的程序能使用CZML,同时期待有一天它也能成为OGC一样的标准。
  7. 可以通过czml-writer来生成CZML,这个程序维护在Github上。

我们将CZML标准以及它的相应实现分为4个部分:

CZML Structure --
 CZML文档的整体结构

CZML Content --内容

CZML in Cesium -- Cesium中解析和显示CZML的流程

czml-writer-Architecture
–czml-writer的架构

CZML Structure

CZML是json的一个子集,也就是说一个有效的CZML文档同时也是一个有效的JSON文档。特别的,一个CZML文档包含一个JSON数组,数组中个每一个对象都是一个CZML数据包(packet),一个packet对应一个场景中的对象,例如一个飞机。

注:在下面的例子中我们使用javascript方式的注释来帮助理解CZML,但在真实场景中是不允许的。

[
// packet one
{
"id":"GroundControlStation"
"position":{"cartographicDegrees":[-75.5,40.0,0.0]},
"point":{
"color":{"rgba":[0,0,255,255]},
}
},
// packet two
{
"id":"PredatorUAV",
// ...
}
]

每个packet都有一个id属性用来标示我们当前描述的对象。id在同一个CZML以及与它载入同一个范围(scope)内的其他CZML文件中必须是唯一的。随后我们将讨论scope的含义。

假如没有指定id,那么客户端将自动生成一个唯一的id。但是这样的话在随后的包中我们就没有办法引用它了,例如我们不能再往它里面添加数据。

除了id以为,一个包通常还包含0到多个(正常情况下是1到多个)定义对象图形特征的属性。正如上面的例子,我们定义了一个“GroundControlStation”对象,它拥有一个固定的经度-75.0维度40.0的WGS84坐标,高度为0,随后一个蓝色的点将会绘制在他的坐标位置处。

CZML还有很多标准的属性,包括用来添加点、布告板、模型、线以及其他图形到场景的属性。所有这些属性将在CZML Content这节讨论。在这里我们主要讨论这些数据是怎样组织的。例如,我们怎样定义一个属性,使它在两个不同的时间拥有两个不同的值。

时间间隔Intervals

通常情况下CZML的属性值是一个数组,数组中的每个元素对应每一个不同的时间,属性的值。时间间隔的定义使用interval 属性,通过ISO8601 interval格式的字面值表示。

{
"id":"myObject",
"someProperty":[
{
"interval":"2012-04-30T12:00:00Z/13:00:00Z",
"number":5
},
{
"interval":"2012-04-30T13:00:00Z/14:00:00Z",
"number":6
}
]
}

这里我们定义了一个someProperty属性,它有两个时间间隔,第一个是从中午到下午一点,属性值为5,第二个是从下午一点到下午两点,属性值为6,在时间由第一个间隔变化到第二个间隔的时候,属性值会瞬间从5变到6。注意,这里的时间为UTC(协调世界时),而我们国家通常使用的是UTC+8也就是北京时间,所以要注意。

我们使用number来表示属性是一个数字类型的属性。值得注意的是有些属性允许通过不同的格式来定义,例如表示位置的属性可以通过笛卡儿坐标的X、Y、Z表示,也可以通过经纬度和高程来表示。CZML Content一节将会详细讨论。

Interval属性是可选的,你可以定义也可以不定义,如果没有定义,默认为整个时间。通常定义多个无限的时间间隔或者间隔之间有重叠是没什么意思的,如果你非要这么做,那么在CZML中最后定义的时间间隔将拥有较高的优先级。

通常情况下属性值只跨越一个时间间隔,这时候你间隔列表可以省略。

{
"id":"myObject",
"someProperty":{
"interval":"2012-04-30T12:00:00Z/14:00:00Z",
"number":5
}
}

和之前的一样,加入interval跨越整个时间,那么你可以省略掉它。对于一些简单的值,例如上面我们使用的数字类型,加入它对于整个时间来说都不变,那么我还可以定义的更简单一些。

{
"id":"myObject",
"someProperty":5
}

这种简略的表示法,适用于所有值是简单的json数据类型(string、number、boolean)的的属性。

复合值Composite Values

一些复杂的值复合值例如笛卡尔坐标位置或颜色,是通过json数组的形式来表示。例如坐标位置,所使用的数组有三个元素,分别对应于坐标的x、y和z。

{
"id":"myObject",
"someComplexProperty":{
"cartesian":[1.0,2.0,3.0]
}
}

合成值必须定义在间隔中,即使他的时间间隔是无限的也是一样,不能采用简略的写法。假如允许值[1.0,2.0,3.0]直接作为someComplexProperty的属性值,那么客户端代码就需要解析CZML并且判断数组里面的值到底是时间间隔列表(intervals list)还是说是简单的值。为了简单起见,我们不允许这样的写法。

属性值采样Sampled Property Values

到目前为止我们讨论的了怎样为那些横跨整个时间的的属性定义单一的值,以及针对离散的时间间隔定义不同的值。一些属性(CZML Content一节将告诉你是哪些)允许你定义时间戳采样,客户端通过给定的时间差值计算出属性的值。时间的定义是采用ISO8601标准字符串。

{
// ...
"someInterpolatableProperty":{
"cartesian":[
"2012-04-30T12:00Z",1.0,2.0,3.0,
"2012-04-30T12:01Z",4.0,5.0,6.0,
"2012-04-30T12:02Z",7.0,8.0,9.0
]
}
}

在这里我们指定在中午的时候属性值为[1.0,2.0,3.0],一分钟后为[4.0,5.0,6.0],再过一分钟后变为[7.0,8.0,9.0]。假如客户端当前的时间是12点0分30秒,也就是离开始时间过去了30秒,那当前的属性值将通过在[1.0, 2.0, 3.0]和[4.0, 5.0, 6.0]线性差值得出,为[2.5, 3.5, 4.5]。

简单起见,时间使用距离起始时间(epoch)的秒数来表示。与每个时间都通过ISO8601字符串表示相比这样不是很精确,不过对于采样间隔在一天以内,或者偏移值时整数的时候这样的精度还是绰绰有余。

{
// ...
"someInterpolatableProperty":{
"epoch":"2012-04-30T12:00Z",
"cartesian":[
0.0,1.0,2.0,3.0,
60.0,4.0,5.0,6.0,
120.0,7.0,8.0,9.0
]
}
}

最后,使用时间戳采样的属性还有一些附加的可选的子属性,用来控制采样的方式。

{
// ...
"someInterpolatableProperty":{
"epoch":"2012-04-30T12:00Z",
"cartesian":[
0.0,1.0,2.0,3.0,
60.0,4.0,5.0,6.0,
120.0,7.0,8.0,9.0
],
"interpolationAlgorithm":"LAGRANGE",
"interpolationDegree":5
},
}

interpolationAlgorithm定义了采样使用的算法,下面的表格中列出了可能的值。interpolationDegree定义了用来插值所使用的多项式的次数,1表示线性差值,2表示二次插值法,默认为1.

每个采样值的时间没有必要落在包含它的时间间隔内。但是这些采样值在他们的时间间隔内不会被使用。这样的好处就是对于多次差值有更好的精度。

下表总结了可插值属性的一些子属性:

名称

Scope 范围

JSON类型

说明

epoch

Packet

string

使用ISO8601规范来表示日期和时间

nextTime

Packet

string or number

在时间间隔内下一个采样的时间,可以通过ISO8061方式,也可以通过与epoch秒数来定义。它决定了不同packet之间的采样是否有停顿。

previousTime

Packet

String or number

在时间间隔内前一个采样的时间,可以通过ISO8061方式,也可以通过与epoch秒数来定义,它决定了不同packet之间的采样是否有停顿。

InterpolationAlgorithm

Interval

String

用于插值的算法,有LAGTANGE,HERMITE和GEODESIC。默认是LAGRANGE。如果位置不在该采样区间,那么这个属性值会被忽略。

interpolationDegree

Interval

Number

定义了用来插值所使用的多项式的次数,1表示线性差值,2表示二次插值法,默认为1。如果使用GEODESIC插值算法,那么这个属性将被忽略。

EventSource and Streaming

如果将整个CZML文件安排在一个大的JSON数组中,这使增量加载变得很困难。虽然浏览器允许我们访问没有读取完的流数据,但是解析不完整的数据需要漫长而繁琐的字符串操作。

为了高效,CZML使用浏览器的server-sent events(EventSource)API来处理流数据。在实际操作中,每一个CZML的packet包会被作为单独的一个事件传输到客户端。

event: czml

data: { 

    // packet one 

} 

event: czml

data: { 

    // packet two 

}

当浏览器接收到一个packet后就会发出一个事件,事件中会包含刚刚接收到了数据。这样我们就可以通过增量的方式高效的处理CZML数据。

目前为止,我们都是使用一个packet包来描述一个对象,这个packet包含了所有这个对象的图形属性。我们还可以使用其他的方式,例如一个CZML文件或流可以包含多个packet,每个packet都有相同的id,分别描述同一个对象的不同方面的属性。

事实上在大多数情况下我们使用两个packet来描述一个对象。当对象属性跨越多个时间间隔,或者一个时间间隔有很多个时间戳采样时,这样做就很有用了。通过将一个属性定义打包进多个packet,我们可以使数据更快的传输到Cesium中,减少用户等待的时间。

当客户端接收到一个packet,它会遍历packet中的每一个属性。对于每个属性,它会遍历属性定义的每个时间间隔。对于每个时间间隔,它会判断这个时间间隔是否已经定义,假如这个间隔已经定义,将更新已经存在的间隔,如果没有定义,那么就根据这个间隔创建一个新的。

当更新一个已存在的时间间隔时,假如有子属性,那么子属性将覆盖原有的值。有一个例外,就是当已有的属性和新接收到的属性都包含时间戳采样时,新接收到的采样不会覆盖已有的,而是加到已有的采样列表中。

当新的时间间隔与已有的发生重叠时,新的间隔拥有较高优先级,原有的间隔将被截断或者整个移除。这点必须要牢记。

在同一个packet中的时间间隔的时间必须以增序排列,不同packet之间就没有要求。但是对于不连续的采样还是应该考虑合理的插值顺序。

考虑一下,我们有一个需要插值的属性,时间是0到10秒,间隔为1.0秒。第一个packet包含0到3秒,第二个包含8到10秒。在客户端还没有接收到包含4到7秒的packet时,我们可以渲染时间为5的场景吗??

一种方式是我们就是使用已经接收到的两个packet来插值。这可能不太好,因为即使我们使用高次插值,在这个两个packet的间隙中得出的值可能也是错的。所以,我们最好还是先暂停等待中间的那个packet赶快到来。但是我们是怎么知道两个包之间有间隙的呢??我们可以猜想,刚开始的时候间隔是1秒,后来变成了5秒,再后来又变回了1秒,所以中间应该还有一个包。这个猜想只是逗你玩的,万一人家中间就是想少采样几个点呢。

这都不是事儿,CZML提供了previousTime和nextTime子属性,用来处理这种情况。

{ 

    // ... 

    "someInterpolatableProperty": { 

        "epoch": "2012-04-30T12:00:00Z", 

        "cartesian": [ 

            0.0, 1.0, 2.0, 3.0, 

            1.0, 4.0, 5.0, 6.0, 

            2.0, 7.0, 8.0, 9.0,

            3.0, 10.0, 11.0, 12.0

        ], 

        "previousTime": -1.0, 

        "nextTime": 4.0 

    } 

}

它的作用是告诉客户端3.0后下一个时间是4.0,就像我们上面举的那个例子,3的后面是8,根据nextTime我们就知道3和8之间肯定还有一段数据没有接收到,所以在开始插值之前我们就需要先等待数据读取完成。

没有必要同时设置previousTime和nextTime,在不同的情况下选择使用其中最方便的一个就可以了。只要定义其中的一个,在进行插值前Cesium就会首先对数据进行完整性检查。

Availability属性

除了id属性外,CZML的packet还有一个特别的额外属性availability。

{ 

    "id": "PredatorUAV", 

    "availability": "2012-04-30T12:00:00Z/14:00:00Z", 

    // ... 

}

它用来标示一个对象的数据在什么时候是可用的。假如一个对象在当前的动画时间内是可用,但是客户端现在还没有获取到相应的数据(可能在下一packet里面,但现在还没有获取到),那么Cesium就会先暂停,直到获取到数据为止。这个属性的值可以一个字符串表示的一个时间段,也可以是一个字符串数组表示的多个时间段。

假如availability变化了或者被发现是不正确的,那么随后的packet将会更新它的值。例如,一个SGP4 propagator可能总是可用的,但是随后他发出了一个异常,所以他的值需要调整。如果availability属性没有定义,那么默认是全部时间内都可用的。Availability的范围被限定到一个特定的CZML流中,所以对同一个对象在两个不同的流中可以有不同的availability。在一个流中,只有定义在最后的那个availability起作用,其他的都会被忽略。在某一时刻,如果一个对象是可用的,那么这个对象至少要有一个可用的属性并且在此时间段内需要的属性都要有定义(也就是获取到了数据),不然Cesium就会等待数据直到接收到数据为止。

扩展Extending CZML

可以给CZML增加自定义属性,但是为避免冲突,我们强烈建议你给你的自定义属性加上你特有的前缀。

Cesium随笔(5)CZML介绍(介个文章是转的嘿嘿)【转】的更多相关文章

  1. Cesium几个案例介绍

    前言 本文为大家介绍几个Cesium的Demo,通过这几个Demo能够对如何使用Cesium有进一步的了解,并能充分理解Cesium的强大之处和新功能.其他的无需多言,如果还不太了解什么是Cesium ...

  2. Cesium随笔(4)去掉cesium和bing地图的logo 【转】

    在开发过程中timeline上面的logo是不是有些碍眼嘞,下面写一下去掉的方法: 在style标签中添加 css: .cesium-widget-credits{   display:none!im ...

  3. Cesium随笔(3)随鼠标实时显示经纬度坐标以及高度【转】

    在网页三维地球上进行可视化开发与经纬度坐标以及高度是分不开的,能够实时获取鼠标位置的经纬度对可视化效果有很好的帮助,Cesium当然能做到: (1)首先在里创建显示坐标的容器  样式自己调整的合适即可 ...

  4. Cesium随笔(2)加载天地图地图服务【转】

    Cesium自带的图层是bing地图和esri,mapbox等图层,木有中文注记,想加载中文注记的图层?废话不说,上代码: var viewer = new Cesium.Viewer('cesium ...

  5. Cesium随笔(1)部署自己的项目 【转】

    Cesium是国外开发的基于Webgl的跨浏览器的三维地球显示的Javascript开源库,只要浏览器支持Webgl,html5就可以运行.甚至部分手机浏览器都可以运行 . 首先,对Cesium进行本 ...

  6. cesium随笔 — 获取当前鼠标的经度、纬度、高度

    代码: function getPosition() { //得到当前三维场景 var scene = viewer.scene; //得到当前三维场景的椭球体 var ellipsoid = sce ...

  7. cesium随笔 — 隐藏三维场景下方版权信息

    上图中的版权信息相信很多人都想去掉,那么下面我将介绍一种简单粗暴的方法将其隐藏起来: .cesium-widget-credits { display: none!important; visibil ...

  8. cesium随笔 — 简单实现获取三维范围(包括相机高度)

    代码 // 获取当前三维范围 function getCurrentExtent() { // 范围对象 var extent = {}; // 得到当前三维场景 var scene = viewer ...

  9. 打开一个很好的介绍Lucene4 FST文章

    我没有看到源代码.看到这个博客了解一些基本的,像笔者下: http://download.csdn.net/download/guanxinquan/7380591 http://blog.sina. ...

随机推荐

  1. java 代理设计模式

    首先代理(deleration)是什么,在日常生活中我们有很多这种的例子,比如你上个QQ,各种空间被什么代理刷屏,对的,代理不是生产产品的商家,也不是进购产品的卖家,他们只是帮别人卖东西,这就相当于一 ...

  2. 【小技巧】限制windows server 2008的最大用户登录数

    把云服务器单纯当作自己一个云端主机的人大有人在.本人就是其中一位. 由于windows server 2008的会话保持机制,导致你关闭掉当前远程桌面连接,并从另外一台电脑上开启远程连接之后,另外一台 ...

  3. 快递鸟电子面单打印功能基于java

    之前的后天管理系统的电子面单打印使用的是灵通打单. 使用相对比较麻烦,需要到处Excel之后再导入,麻烦. 快递鸟有电子面单api,后台系统直接对接很是方便,不过也遇到了好些问题. 不难是不难,但是遇 ...

  4. 【SQL】178. Rank Scores

    Write a SQL query to rank scores. If there is a tie between two scores, both should have the same ra ...

  5. C# 简单读写ini文件帮助类 INIHelp

    软件里需要读取一些初始化信息, 决定用ini来做,简单方便. 于是查了一写代码,自己写了一个帮助类. INI文件格式是某些平台或软件上的配置文件的非正式标准, 以节(section)和键(key)构成 ...

  6. [HDU6196]happy happy happy

    题目大意: 有一个长度为n的数列,A和B两个人轮流从两端取数,B先取,A想使分数严格小于B且尽量接近B,问两人分数之差最小是多少. 思路: 折半搜索,先预处理出长度为part的最大差最小差,再预处理出 ...

  7. hdu 3397 线段树

    题意: Change operations:0 a b change all characters into '0's in [a , b]1 a b change all characters in ...

  8. vijos p1881 线段树

    题意:点我 我就想问,现在换代码风格还来得及吗? 2015-05-19:线段树进一步加强,看来不用换风格了 维护左右节点左右端颜色和长度即可 #include<cstdio> #inclu ...

  9. git 的补丁使用方法

    1.生成补丁 format-patch可以基于分支进行打包,也可以基于上几次更新内容打包. 基于上几次内容打包 git format-patch HEAD^  有几个^就会打几个patch,从最近一次 ...

  10. select 语句的执行顺序

    select 语句的执行顺序 借用ItZik Ben-Gan.Lubor Kollar.Dejan Sarka所著的<Sql Server 2005 技术内幕:T-SQL查询>的一段话足以 ...