标签目录:cesiumjs

以下是与标签 “cesiumjs” 相关联的文章

[CesiumJS]Cesium入门11 – Interactivity – 交互性

最后,让我们添加一些鼠标交互。为了提高我们的geocache标记的可见性,当用户在标记上hovers时,我们可以改变它们的样式来突出显示。 为了实现这一点,我们将使用拾取pick,一种Cesium的特征,从3D场景中返回数据,在观看者画布上给出像素位置。 这里有以下几种不同的picking: Scene.pick : 返回包含给定窗口位置的基元……

[CesiumJS]Cesium入门10 – 3D Tiles

我们团队有时把Cesium描述成一个真实世界数据的3D游戏引擎。然而,使用真实世界的数据比使用典型的视频游戏数据资料要困难得多,因为真实数据可能是难以置信的高分辨率,并且需要精确的可视化。幸运的是,Cesium 与开源社区合作开发了3D Tiles,这是一个开放的规范,用于传输海量的异构三维地理空间数据集。 使用概念上类……

[CesiumJS]Cesium入门9 – Loading and Styling Entities – 加载和样式化实体

现在我们已经为我们的应用程序设置了Viewer配置、imagery和terrain的阶段,我们可以添加我们的应用程序的主要焦点——geocache数据。 为了便于可视化,Cesium支持流行的矢量格式GeoJson和KML,以及一种我们团队自己开源的格式,我们专门开发用于描述Cesium场景的[]CZML](https://github.com/AnalyticalGraphicsInc/czml-wri……

[CesiumJS]Cesium入门8 – Configuring the Scene – 配置视窗

接下来将添加一些更多的正确的时间和空间设置到Viewer中。涉及到与viewer.scene进行交互,该类控制了viewer中的所有图形元素。 首先,我们配置一下我们的scene,用以下代码激活基于太阳位置的光照: // Enable lighting based on sun/moon positions viewer.scene.globe.enableLighting = true; 按照以上配置,我们sc……

[CesiumJS]Cesium入门7 – Adding Terrain – 添加地形

Cesium支持流式的、可视化的全球高程投影地形地势、水形数据,包括海洋、湖泊、河流、山峰、峡谷和其他能够被三维展示出来的且效果比二维好的地形数据。像图层数据一样,Cesium引擎会从一个服务器上请求流式地形数据,仅请求那些基于当前相机能看到的需要绘制的图层上的数据。 Cesium官方提供了一些地形数据集的例子,以……

[CesiumJS]Cesium入门6 – Adding Imagery – 添加图层

Cesium应用程序另一个关键元素是Imagery(图层)。瓦片图集合根据不同的投影方式映射到虚拟的三维数字地球表面。依赖于相机指向地表的方向和距离,Cesium会去请求和渲染不同层级的图层详细信息。 多种图层能够被添加、移除、排序和适应到Cesium中。 Cesium提供了一系列方法用于处理图层,比如颜色自适应,图层叠加融合。一……

[CesiumJS]Cesium入门5 – Cesium ion

Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的CesiumJS应用中。下面我们将使用Sentinal-2二维贴图和Cesium世界地形,二者都需要ion的支持。 备注 在我们使用Cesium的过程中,如果没有申请ion,同时没有自己的数据源用的cesium提供的数据源,viewer的底部常常会提示一行小的英……

[CesiumJS]Cesium入门4 – 创建Cesium Viewer

任何Cesium应用程序的基础都是Viewer。Viewer是一个带有多种功能的可交互的三位数字地球的容器(盒子)。创建一个Viewer和HTML中的一个id为”cesiumContainer”的div绑定即可。 var viewer = new Cesium.Viewer('cesiumContainer'); 使用以上代码之后,能看到下图所示的基本的数字地球:  默认地,场景支持……

[CesiumJS]Cesium入门3 – Cesium目录框架结构

app目录 下载官网上的文件,我们能看到以下CesiumJS库结构: Source/: Cesium应用程序代码及数据 ThirdParty/:外部依赖库,不同于Cesium的第三方库 LICENSE.md:Cesium的License介绍 index.html:Web首页,需要按照Cesium要求定义页面,同时添加Cesium依赖库 server.js:基于node.js的web服务应用 备注 cesiumJS与第三……

[CesiumJS]Cesium入门2 – Cesium环境搭建及第一个示例程序

验证浏览器 Cesium需要浏览器支持WebGL,可以通过CesiumJS官网提供的一个HelloWorld例子来测试自己的浏览器是否支持Cesium。(推荐使用Chrome) 测试地址: https://cesiumjs.org/Cesium/Apps/HelloWorld.html 选择IDE 官网中写到: If you’re already a seasoned developer, you most likely have a favorite editor or……