初八

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配CustomDataSourceCustomDataSource 从这个对象命名就可以分辨出它的具体作用，可用于手动或者自定义管理一组实体的 DataSource 实现。代码片段：const viewer = new Cesium.Viewer("cesiumContainer");var dataSource = new Cesium.CustomDataSource("myData");var ent..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配GpxDataSource处理 GPS 交换格式 (GPX) 的数据源。作者手里没有很好现实的示例，还是引用了官方示例中的文件做了测试。其中测试用的 gpx 文件引用的官方文件路径：Cesium-1.91\Apps\SampleData\gpx\lamina.gpx。代码片段：const viewer = new Cesium.Viewer("cesiumContainer", { shouldAnima..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配CzmlDataSourceCZML 能使 Cesium 很酷很炫地展示动态数据，CZML 也算是一种 JSON 格式的字符串，用于描述与时间有关的动画场景，CZML 包含点、线、地标、模型和其他的一些图形元素，并指明了这些元素如何随时间而变化。Cesium 拥有一套富客户端 API，通过 CZML 采用数据驱动的方式，不用写代码我就可以使用通用的 Cesium viewer 构建出丰富的场景。CZML 文件中每个..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配KmlDataSourceKML （keyhole markup language）是一种基于 XML 语法格式的文件，用来描述和存储地理信息数据（点、线、面、多边形、多面体以及模型等），通常应用于 Google 地球相关软件中（Google Earth，Google Map 等），它跟 XML 文件最大的不同就是 KML 描述的是地理信息数据，KML文件有两个文件扩展名：.KML 和 .KMZ（KMZ是一个或几个 ..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配首先推荐几个在线解析工具：在线生成 GeoJSON：http://geojson.io/shp 数据转 GeoJSON 和 TopoJSON：http://mapshaper.org/GeoJson 和 TopopJson 在线转换：http://jeffpaine.github.io/geojson-topojson/JSON 在线解析及格式化：https://www.json.cn/其它等等GeoJ..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配矢量数据在 Cesium 中除了加载影像数据和地形数据之外，矢量数据的加载也是常用的。矢量数据（Vector Data）是用 X、Y、Z 坐标表示地图图形或地理实体位置的数据，一般是通过记录坐标的方式来尽可能将地理实体的空间位置表现的准确无误，常见的矢量数据有：点、线、面等格式。我们使用矢量数据的原因，就是因为矢量数据具有数据结构紧凑、冗余度低、有利于网络和检索分析、图形显示质量好、精度高等优点。可以通过帮助文档搜..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配地形数据采样地形数据处理和加载之后，我们再介绍 Cesium 地形数据采样接口：sampleTerrain。sampleTerrain 接口允许我们使用异步方式请求指定坐标点的高程信息。在 API 帮助文档里查看如下：接口需要三个参数：terrainProvider：地形数据源level：请求数据的等级positions：请求数据的坐标数组示例中，sampleTerrain 返回是 promise 异..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配地形服务一些应用场景中我们需要操作地形数据，为此 Cesium 还提供方便的地形服务 TerrainProvider 基类，基于此类，Cesium 封装了5个现成的继承类操作地形图层数据。可以通过帮助文档搜索 TerrainProvider 可以看到 Cesium 提供的一些接口，如下图：其中针对 TerrainProvider 基类还要一些比较关键的属性和函数：tilingScheme，Provider ..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配多影像图层在某种场景下，我们需要多个图层进行叠加，或者是某种功能，对某个图层进行显隐操作，在 Cesium 中可以对多个 Imagery 进行操作。默认情况下，Cesium 会自动加载一个默认的影像图层，其实就是在初学 Cesium 时看到的那个地球的样子，我们也可以隐藏掉这个默认的影像图层。代码片段如下：//获取默认情况下图层数组容器，默认length=1 或者 viewer.scene.image...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配BaseLayerPicker组件在 Cesium 中图层操作是最基本的操作，那就需要学习一下 BaseLayerPicker 组件。这里主要介绍内置的 BaseLayerPicker 的使用和如何自定义实现 BaseLayerPicker。内置的BaseLayerPicker在初始化 Viewer 时，将 baseLayerPicker 设置为 true 即可显示 BaseLayerPicker 控...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配影像服务 4相关介绍请移步影像服务介绍，这里介绍学习的影像服务，包括 GoogleEarthEnterpriseImageryProvider、GoogleEarthEnterpriseMapsProvider、GridImageryProvider、TileCoordinatesImageryProvider、IonImageryProvider 的使用。GoogleEarthEnterpriseIm...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配影像服务 3相关介绍请移步影像服务介绍，这里介绍学习使用 TileMapServiceImageryProvider 和 SingleTileImageryProvider 的使用。TileMapServiceImageryProvider有时候在无法连接外网的情况下，或者是局域网的场景，那就需要我们自己发布地图服务。地图服务发布最常用的是开源工具当属 GeoServer，但是我们这里就不讨论它了，这...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配影像服务 2相关介绍请移步影像服务介绍，这里介绍学习使用 WebMapTileServiceImageryProvider、WebMapServiceImageryProvider 和 UrlTemplateImageryProvider 的使用。WebMapTileServiceImageryProvider服务 WMTS 规范的影像服务，都可以通过该类实现。比如国内的天地图，天地图影像服务在202...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配影像服务 1相关介绍请移步影像服务介绍，这里先介绍其中几个在线服务，包括：ArcGisMapServerImageryProvider、BingMapsImageryProvider、OpenStreetMapImageryProvider、MapboxImageryProvider 和 MapboxStyleImageryProvider。ArcGisMapServerImageryProvider...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配影像服务Cesium 最基本的功能就是构建地球场景，这就离不开地图影像服务功能，Cesium 能提供方便的地图影像服务。Cesium 的地图影像服务加载功能，基本上有 5 类：在线服务在线服务扩展地图发布辅助功能BaseLayerPicker 的使用可以通过帮助文档搜索 ImageryProvider 可以看到 Cesium 提供的一些接口，如下图： ArcGisMapS...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配Cesium ionCesium ion 是一个提供瓦片图和3D地理空间数据的平台，Cesium ion 支持把数据添加到用户自己的 CesiumJS 应用中。地形（Terrain）Cesium 支持流式的、可视化的全球高程投影地形地势、水形数据，包括海洋、湖泊、河流、山峰、峡谷和其他能够被三维展示出来的且效果比二维好的地形数据。像图层数据一样，Cesium 引擎会从一个服务器上请求流式地形数据，仅请...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配Cesium ionCesium ion 是一个提供瓦片图和3D地理空间数据的平台，Cesium ion 支持把数据添加到用户自己的 CesiumJS 应用中。图层（Imagery）Cesium 应用中有一个关键元素是 Imagery（图层）。瓦片图集合根据不同的投影方式映射到虚拟的三维数字地球表面。依赖于相机指向地表的方向和距离，Cesium 会去请求和渲染不同层级的图层详细信息。多种图层能够被添...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配Cesium ionCesium ion 是一个提供瓦片图和3D地理空间数据的平台，Cesium ion 支持把数据添加到用户自己的 CesiumJS 应用中。注意，在我们使用 Cesium 的过程中，如果没有申请 ion，同时没有自己的数据源用的 cesium 提供的数据源，viewer 的底部常常会提示一行小的英文字母。大意就是需要申请 access token。自己搭建的 cesium 示例都会有...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配Cesium源代码如何下载源码就不多说了，您可以移步Cesium环境搭建进行查看，将下载之后的 zip 文件解压到您自定义的目录中即可。运行源码直接点击 index.html 是无效的，需要放入WebServer 容器中。不管你是习惯什么方式，将它通过服务器形式运起来即可。服务器启动后，直接运行 index.html（例如：http://127.0.0.1:5500/index.html）就能看到如下界面：..

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配界面预览 Geocoder，查找位置工具，查找到之后会将镜头对准找到的地址，默认使用 bing 地图。Home Button，视角返回初始位置。Scene Mode Picker，选择视角的模式，有三种：3D、2D、哥伦布视图（CV）。Base Layer Picker，图层选择器，选择要显示的地图服务和地形服务。Navigation Help Button，导航帮助按钮，显示默认的...

文章中所有操作均是在 Cesium 1.91 版本下进行的，其它版本差异请自行适配验证浏览器Cesium 需要浏览器支持 WebGL，可以通过访问CesiumJS 官网，能看到正常显示基本上就能测试自己的浏览器是否支持 Cesium，这里强烈推荐使用 Chrome 浏览器。选择IDE官网中写到：If you’re already a seasoned developer, you most likely have a favorite editor or development enviro..

写在前面作为一个程序开发者，并不是专业的地理信息研发人员，所以对地理信息相关的技术或者是专业知识理解的可能不到位或者有偏差，但是本着工作中需要或者项目中涉及到的东西，我们也是需要搞一搞，趁着这个机会就把 Cesium 的相关内容稍微整理一下，留个备存。整理 Cesium 的目的是为了更好掌握和应用 Cesium ，系列文章包括 Cesium 的基础，高级以及将来可能更高级的部分等系列有关于 Cesium 的博文。顺便提供给需要学习和帮助的朋友，如有疑问请联系我。Cesium是什么简单并粗浅的总结一.