2016-09-08 11 views
1

誰もこれを試みましたか?私がドキュメントから知る限り、これを達成するための組み込み関数はないようです。これが可能なら誰でも知っていますか?おそらく、著者がプラットフォームに追加しようとする可能性のある機能ですか?セシウム - ImageryLayerにカラーフィルターを適用する

+0

[ドキュメント](http://cesiumjs.org/Cesium/Build/Documentation/ImageryLayer.html)輝度/コントラスト/色相/彩度/ガンマを示します。より多くのカスタムエフェクトをお探しですか?あなた自身のシェーダを書いたり、より多くのコントロールを探したいでしょうか? – emackey

+0

具体的には、シンプルなイメージレイヤーを探していました。シンプルなイメージレイヤーは、ミニマリストから、明るい灰色の空白のグローブにまで及んでいます。 –

答えて

1

ImageryLayer documentationは、明るさ、コントラスト、色相、彩度、およびガンマ補正を制御する方法を示しています。

ソリッド色で世界を得るためにそうように、あなたは画像レイヤを削除することができます。

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

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

「ミニマリストマップは」(あなたはコメントで言及したように)あなたは、おそらく取得する必要がありますものですカスタム画像プロバイダからいくつかの例については、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.' 
    }) 
}); 

EDIT: @EmmanuelBuckski(OP)は、このアイデアを取り、一緒に上記の2つの手法を混合、それに走りました本当に素晴らしく見える結果を作り出すために!それをチェックアウト:

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; 
+0

はい、ありがとう、これは非常に役立ちます。私は以下から作業するための良い設定を見つけました: var globe = viewer.scene.globe; globe.imageryLayers.removeAll(); globe.baseColor = Cesium.Color.fromCssColorString( '#f3f3f3'); VARトナー層= layers.addImageryProvider(Cesium.createOpenStreetMapImageryProvider({ URL: 'https://stamen-tiles.a.ssl.fastly.net/toner-background/'、 クレジット:おしべデザイン「地図タイル、 CC BY 3.0の下のデータ。OpenStreetMapのデータ、CC BY SA。 ' })); tonerLayer.alpha = 0.1; このコードはコメントとして読みやすいとうまくいきましょう。 –

+0

それは素晴らしい見えます!コメントのコードを回答の本文にコピーしたので、他の人が読んで使用できるようになりました。 – emackey

関連する問題