세슘 - ImageryLayer에 컬러 필터 적용

Question

누구나이 작업을 시도 했습니까? 제가 문서에서 알 수있는 한, 이것을 달성하기위한 내장 함수가없는 것 같습니다. 이것이 가능한지 아는 사람 있습니까? 저자가 플랫폼에 추가하려는 기능일까요?

Answer 1

밝기, 대비, 색조, 채도 및 감마 보정을 제어하는 ​​방법을 보여주는 ImageryLayer documentation입니다.

가 단색으로 지구를 얻으려면, 당신은 너무 같은 이미지 레이어를 제거 할 수 있습니다

이

var viewer = new Cesium.Viewer('cesiumContainer', { 
    baseLayerPicker: false 
}); 

var globe = viewer.scene.globe; 
globe.imageryLayers.removeAll(); 
globe.baseColor = Cesium.Color.LIGHTSLATEGRAY; 

A "미니멀지도"(당신이 코멘트에 언급로) 당신은 아마 얻을 필요가 뭔가 맞춤 이미지 제공 업체로부터 이에 대한 예제는 Stamen Maps을 참조하십시오. 특히, "Toner"지도는 여러 가지 하위 품종으로 나뉘며, 그 중 어떤 것도 세슘에서 선택할 수 있습니다.

예를 들어, "토너 배경"버전을 시도, 당신은 사용한다 :

var viewer = new Cesium.Viewer('cesiumContainer', { 
    baseLayerPicker: false, 
    imageryProvider: Cesium.createOpenStreetMapImageryProvider({ 
     url : 'https://stamen-tiles.a.ssl.fastly.net/toner-background/', 
     credit : 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.' 
    }) 
}); 

편집 : @EmmanuelBuckski (OP)이 아이디어를 가져다가 함께 위의 두 방법을 혼합, 그것으로 실행 정말 멋진 결과를 내기 위해! 이를 확인 :

var viewer = new Cesium.Viewer('cesiumContainer', { 
    baseLayerPicker: false 
}); 

var globe = viewer.scene.globe; 
globe.imageryLayers.removeAll(); 
globe.baseColor = Cesium.Color.fromCssColorString('#f3f3f3'); 

var tonerLayer = globe.imageryLayers.addImageryProvider(
    Cesium.createOpenStreetMapImageryProvider({ 
     url : 'https://stamen-tiles.a.ssl.fastly.net/toner-background/', 
     credit : 'Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.' 
    }) 
); 
tonerLayer.alpha = 0.1;