Cesium快速上手5-地形影像的加载
地形的加载
image.png
http://localhost:8080/Apps/Sandcastle/index.html?src=Terrain.html&label=Development
image.png
//更改地形数据，这里viewer.terrainProvider其实是个快捷方式，完整的是viewer.scene.globe.terrainProvider
//地形数据只能加一个
viewer.terrainProvider = worldTerrain;
viewer.scene.globe.enableLighting = true
关键点
EllipsoidTerrainProvider
VRTheWorldTerrainProvider
CesiumTerrainProvider/createWorldTerrain
影像的加载
image.png
http://localhost:8080/Apps/Sandcastle/index.html?src=Imagery%20Layers.html&label=Development
image.png
影像图层是一个数组，可以加载很多个影像
Cesium.ImageryProvider() //图层提供者
viewer.scene.imageryLayers ：Cesium.ImageryLayerCollection() //拥有图层提供者，另外还有其他属性：亮度 色调
影像图层的管理（删除图层/提升显示层级/增加图层）。。。
Cesium.ImageryLayerCollection(). addImageryProvider(imageryProvider, index)
影像的某些功能
image.png
** 通过键盘 控制点亮区域 **
http://localhost:8080/Apps/Sandcastle/index.html?src=Imagery%20Cutout.html&label=Development
image.png
增加一个地图的地图，开启夜间模式；
增加一个图层，根据键盘控制旋转的角度
// Add an Earth at Night layer and a "traveling" cutout
var earthAtNight = layers.addImageryProvider(new Cesium.IonImageryProvider({ assetId: 3812 }));
earthAtNight.cutoutRectangle = Cesium.Rectangle.fromDegrees(-100, 10, -60, 50);
earthAtNight.alpha = 0.9;
。。。
var travelingRectangle = earthAtNight.cutoutRectangle;
。。。
travelingRectangle.east = wrapLongitude(travelingRectangle.east);
travelingRectangle.west = wrapLongitude(travelingRectangle.west);
});
function wrapLongitude(value) {
if (value < -Cesium.Math.PI) {
return value + Cesium.Math.TWO_PI;
}
if (value > Cesium.Math.PI) {
return value - Cesium.Math.TWO_PI;
}
return value;
}
** 只显示地球的某一边界之内的图层 **
// Tropics of Cancer and Capricorn
var coffeeBeltRectangle = Cesium.Rectangle.fromDegrees(-180.0, -23.43687, 180.0, 23.43687);
viewer.scene.globe.cartographicLimitRectangle = coffeeBeltRectangle; //地图限制矩形区域 设置成似咖啡杯的区域
viewer.scene.globe.showSkirts = true;//是否显示地形群
viewer.scene.skyAtmosphere.show = false;//天空的氛围笼罩
image.png
本文转自 https://www.jianshu.com/p/35cdf5caeb0a，如有侵权，请联系删除。