Cesium中文教程-影像图层(Imagery Layers)

目录

快速开始(Quick start)

随时可用的影像(Ready-to-use imagery)

影像提供商(imagery providers)

跨域资源共享(Cross-origin resource sharing)

影像提供商与图层(Imagery providers vs. layers)

资源(Resources)

---

Cesium支持从几个标准服务中绘制和分层高分辨率影像（地图）。图层可以排序并混合在一起。每一层的亮度、对比度、伽马、色相和饱和度都可以动态改变。本章教程将介绍影像图层概念和相关Cesium API。

快速开始(Quick start)

让我们暂时忽略有关影像图层的详细内容，直接使用代码来添加一些影像图层。打开Sandcastle中的Hello World示例，其创建了一个Viewer小部件，该小部件默认情况下具有一个渲染Bing地图影像的图层。我们通过给Viewer构造函数提供的参数来指定不同的基础图层。让我们使用EsriArcGIS MapServer的图层：

var viewer = new Cesium.Viewer('cesiumContainer', {  
    imageryProvider : new Cesium.ArcGisMapServerImageryProvider({  
        url : '//services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer'  
    }),  
    baseLayerPicker : false  
});  

修改示例之后，按F8运行：

我们可以放大或者缩小，按需加载图层数据流。

接下来，添加另一个图层：使用Tile Map Service（TMS）获得NASA Black Marble imagery：

var layers = viewer.scene.imageryLayers;  
var blackMarble = layers.addImageryProvider(new Cesium.createTileMapServiceImageryProvider({  
    url : '//cesiumjs.org/tilesets/imagery/blackmarble',  
    maximumLevel : 8,  
    credit : 'Black Marble imagery courtesy NASA Earth Observatory'  
}));  

由于它是最后添加的，而且覆盖了整个地球，所以黑色图层覆盖了Esri图层。我们可以使用layers.lower(blackMarble)把黑色图层移动到底部，但是可以将它与Esri图层混合，这样就能更好理解这两个层之间的关系：

blackMarble.alpha = 0.5; // 0.0 is transparent.  1.0 is opaque. 

其次，增加灯光的亮度：

blackMarble.brightness = 2.0; // > 1.0 increases brightness.  < 1.0 decrease

最后，添加第三层，在特定范围内绘制单个图像。

layers.addImageryProvider(new Cesium.SingleTileImageryProvider({  
    url : '../images/Cesium_Logo_overlay.