Cesium 学习笔记

1，默认使用 Bing 卫星图层

2，在Cesium中，Homebutton的默认跳转位置是美国，那么在开发中我们如何更改这个默认跳转位置呢，这就要更改一下源代码了：

Camera.DEFAULT_VIEW_RECTANGLE = Rectangle.fromDegrees(89.5, 20.4, 110.4, 61.2); //homebutton默认跳转位置

此代码位置Cesium.js中大约十四万一千五百行左右，更改 camera的 Camera.DEFAULT_VIEW_RECTANGLE 属性即可。

3，camera

　　三个参数：

　　　　roll 是围绕 X 轴旋转；

　　　　pitch 是围绕 Y 轴旋转；

　　　 heading 是围绕 Z 轴旋转

heading/pitch/roll 的单位是弧度。Heading是当前方向由北向东旋转的角度。Pitch 是方向和水平平面的夹角。Pitch为正表示方向向量指向水平平面上方，反之表示方向向量指向平面下方。Roll 是方向向量以正东方向为轴的旋转角度。

cesium 提供了三种方式可以对 camera 进行操作：setView，flyTo，lookAt

来源： http://cesium.xin/wordpress/archives/261.html

4, Cesium.Rectangle.fromDegrees(west, south, east, north, result) 得到的是限定了边界经纬度的矩形

5，css文件引入方式有两种：1，link 标签；2，@import

　　@import 语法有两种：

@import "style.css";
@import url("style.css");

　　import 规则一定要先于除了 @charset 的其他任何 CSS 规则。

建议：不要使用 @import。会带来一些问题，主要体现两个方面：1，影响浏览器的并行下载；2，多个@import导致下载顺序紊乱；

信息来源：https://segmentfault.com/a/1190000000369549

6, 点位数据的加载

cesium 支持流行的矢量格式 GeoJson 和 KML ，以及 CZML

所有空间矢量数据在 cesium 里都是使用 Entity 相关 API 去展示的。 Entity API 使用了灵活高效的可视化渲染方式。 Entity 是一种对几何图形做空间和时间展示的数据对象。

示例代码：

var kmlOptions = {camera : viewer.scene.camera,canvas : viewer.scene.canvas,clampToGround : true
};
// 从这个KML的url里加载POI点位
var geocachePromise = Cesium.KmlDataSource.load('./Source/SampleData/sampleGeocacheLocations.kml', kmlOptions);geocachePromise.then(function(dataSource) {// 把所有entities添加到viewer中显示viewer.dataSources.add(dataSource);
});

　这些新加入到场景的 entity 默认有很多功能。单击它们会在 Infobox 显示属性，双击它相机转换为居中观察模式（look at)，使用 HOME 按钮或者 infobox 旁边的相机按钮可以停止这种模式。　

7，相机模式

自由模式默认的相机控制方式
无人机模式：以一个固定距离跟随无人机。无人机跟随模式下，我们使用 viewer 内置的跟随函数，确保相机一直居中观察无人机。这种模式下，即使对象是移动的，相机也能和目标之间保持一个固定的偏移距离。只需要简单的设置 viewer.trackedEntity 。切换到自由模式，只需要把 viewer.trackedEntity 设置为 undefined，然后可以使用 camera.flyto() 返回到初始位置。

来源： https://www.jianshu.com/p/24ffa692aac3

转载于:https://www.cnblogs.com/beginner2014/p/10557585.html

Cesium 学习笔记相关推荐

Cesium学习笔记（四）Camera
http://blog.csdn.net/HobHunter/article/details/74909641 Cesium 相机控制场景中的视野.操作相机的方法有很多,如旋转,缩放,平移和飞到目的地 ...
cesium 学习笔记（三）在地图上放置3D建筑模型
Cesium的学习搁置了两天,今天准备来研究一下在地图上放置3D建筑模型. 为什么要加载3D建筑模型呢?当然是因为项目没有数据啦!对于有条件倾斜摄影无人机建模,或者谷歌地球上直接有模型的,就不用这么苦 ...
Cesium学习笔记（九）：导入3D模型（obj转gltf）
在用cesium的过程中难免需要导入别人做好的3D模型,这时候就需要将这些模型转成gltf格式了当然,官方也给了我们一个网页版的转换器,但是毕竟是网页版的,效率极其低下,文件还不能太大,所以我们就需 ...
Cesium学习笔记（五）：3D 模型（http://blog.csdn.net/umgsoil/article/details/74572877）
Cesium支持3D模型,包括关键帧动画,皮肤的改变还有单个节点的选择等,Cesium还提供了了一个基于网络的工具,将COLLADA模型转换为glTF,方便和优化模型添加还记得我们在实体添加的时候添 ...
cesium学习笔记（问题记录）——以cesium1.77版本为例
一.cesium球出不来 Cesium第一次搭建环境出不来地球,如下图所示: 下面有一行英文提示: This application is using Cesium's default ion acc ...
Cesium学习笔记
Cesium简介 Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制3D的地球,并在其上绘制地图(支持多种格式的瓦片服务),该框架不需要任何插件支持,但是浏览器必须支持WebG ...
Cesium学习笔记（六）粒子系统
粒子系统什么是粒子系统? 粒子系统是一种模拟复杂物理效果的图形技术.粒子系统是小图像的集合,当一起观察时形成更复杂的"模糊"对象,如火.烟雾.天气或烟花.这些复杂的效果是通过使用 ...
cesium学习笔记---经纬网
参考网上下载资料(http://cesium.xin/wordpress/),自己修改了一下,实现效果如下: var imageryProvider = new Cesium.UrlTemplateI ...
Cesium学习笔记--Sandcastle is not defined
参考官网的例子 ,写demo,然后报错如下: 开始以为是cesium内置的一个方法,但是报错说明不是,那么可能是cesium哪里定义的,需要引入? 找了一圈发现,还是么有.我特法克西,原来这个是官网自 ...

Cesium 学习笔记

Cesium 学习笔记相关推荐

最新文章

热门文章