Cesium中加载影像后影像的调整

最近刚开始学习Cesium这个前端框架,关于Cesium的优势不用多说,目前主要是用来做三维方面应用和开发,今天学习了加载影像,以及对影像的动态调整,话不多说,直接上代码。
//在三维球初始化的时候默认为加载BingMap的地图,如果想加载其他的地图,可以在初始化的时候给具体的定义。
//默认加载BingMap的地图
var viewer = new Cesium.Viewer(‘cesiumContainer’);
//根据自己的需要加载合适的地图
var viewer = new Cesium.Viewer(‘cesiumContainer’,{
imageProvider:new Cesium.ArcGisMapServerImageryProvider{
url: “XXX”,//指定加载Arcgis的在线地图
}
baseLayerPicker : false,//地图选择按钮不可见
infoBox : false//点击模型之后不会有方形圆框
});
以上是加载一个地图,但是不是今天的重点,今天的重点是对加载后的地图进行动态调整。
//获取到加载后地图
var imageryLayers = viewer.imageryLayers;
//获取到图层之后就可以改变图层的属性信息,这里分别改变亮度、透明度、透明度,对比度。
Brightness

          
          

可以通过获取input标签内的值得方式来改变属性信息,也可以做成滚动条的方式来获取属性值从而改变图层的值。
imageryLayers .brightness=Document.getElementById(“brightness”).value,
通过这样的方式即可改变图层的属性。
完成之后的效果如下:
Cesium中加载影像后影像的调整_第1张图片

你可能感兴趣的:(Cesium)