前言
地形数据用来表示真实的地形起伏;地图数据指的则是真实的影像服务, 本文实践在Cesium中加载地形与影像数据。
地形数据
Cesium地形服务
- Cesium.createWorldTerrain
当添加了默认 token 后,可以使用 Cesium.createWorldTerrain 添加Cesium自带的地形服务,不需要额外指定请求的url:
const viewer = new Cesium.Viewer("cesium", {
infoBox: false,
// 地形服务
terrainProvider: Cesium.createWorldTerrain({
requestVertexNormals: true, //开启地形光照
requestWaterMask: true, // 开启水面波纹
}),
});
下图是加载地形数据后西藏部分地区的地形
查看请求的话发现地形数据是以矢量瓦片的格式进行请求的,cesium引擎在获取数据后基于webgl进行渲染
- 其它地形服务
Cesium还支持一些其它厂商的开源地形服务,如:谷歌地球的高程数据、VR-TheWorld Server的高程数据、光滑椭球体。
- 谷歌地球高程数据: 需要指定url和元数据
- VR-TheWorld Server高程数据: 需要指定url
- 谷歌地球高程数据:默认无高度
// 使用谷歌地球的高程数据
terrainProvider: Cesium.GoogleEarthEnterpriseTerrainProvider({
url: "http://www.example.com",
metadata: metaOptions,
}),
// 使用 VR-TheWorld Server的高程数据
terrainProvider: Cesium.VRTheWorldTerrainProvider({
url: "http://www.example.com",
}),
// 使用 光滑椭球体(默认无高度)
terrainProvider: Cesium.EllipsoidTerrainProvider(),
自定义高程数据
Cesium支持加载自定义的高程数据,一般是通过 DEM数字高程模型,借助 Cesium Lab 转换为Cesium支持的地形数据格式,然后使用 Cesium.CesiumTerrainProvider 这个 API 进行加载,DEM数据可以从地理空间数据云下载,对于遥感相关专业的人来讲它的重要性相当于 Git Hub 之于计科,是下载遥感数据最常用的网站。
// 自定义地形服务
terrainProvider: new Cesium.CesiumTerrainProvider({
url: "xxx",
}),
完整的使用教程网上有很多,这里不再详细介绍,可参考Cesium 地形数据的加载
影像数据
加载影像数据
Cesium默认使用微软的Bing影像图,在Viewer类中使用 imageryProvider 函数可初始化图层,加载高德栅格瓦片地图:
// gd
imageryProvider: new Cesium.UrlTemplateImageryProvider({
url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
layer: "GDLayer",
style: "default",
format: "image/png",
tileMatrixSetID: "GoogleMapsCompatible",
}),
或者
const layers = viewer.scene.imageryLayers;
layers.addImageryProvider(
new Cesium.UrlTemplateImageryProvider({
url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
layer: "GDLayer",
style: "default",
format: "image/png",
tileMatrixSetID: "GoogleMapsCompatible",
})
)
ImageryProvider 支持的地图服务
总结
地形数据
- Cesium地形服务
- 自定义高程数据
影像数据
- 加载影像数据
- ImageryProvider 支持的地图服务