hujiulin

作者:hujiulin

一个努力成长的develper

[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……

[CesiumJS]Cesium入门1 – Cesium介绍

Cesium简介 Cesium官网:https://cesiumjs.org  官网中标题写到: An open-source JavaScript library for world-class 3D globes and maps Cesium是一款开源的基于JavaScript的3D地图框架。其实他就是一个地图可视化框架 官网中描述写到: CesiumJS is a geospatial 3D mapping platform for creating virtual globes.……