影像服務——加載CESIUM自帶的影像服務


1、加載arcgis數據——ArcGisMapServerImageryProvider

var viewer = new Cesium.Viewer("cesiumDiv",{
imageryProvider:new Cesium.ArcGisMapServerImageryProvider({
                url:'http://atlasmaps.esri.com/arcgis/rest/services/Esri/USA_Population_Density/MapServer',
                enablePickFeatures:false
     }),
             baseLayerPicker:false  //這句不加可能會出錯
});
2、加載OSM數據——createOpenStreetMapImageryProvider
var viewer = new Cesium.Viewer("cesiumDiv",{
imageryProvider:new Cesium.createOpenStreetMapImageryProvider({
                url:'https://a.tile.openstreetmap.org/'
            }),
            baseLayerPicker:false
});
3、加載MapBox數據——MapboxImageryProvider
var viewer = new Cesium.Viewer("cesiumDiv",{
imageryProvider:new Cesium.MapboxImageryProvider({
                mapId:'mapbox.satellite'
            }),
            baseLayerPicker:false
});
4、加載離線的影像服務——SingleTileImageryProvider

在Provider上多做一些文章,比如搞一張透明的圖片,達到一些虛幻的效果,

或者在近地面實現一種類似平面的瀏覽效果,畢竟2D和3D在相機,數據單位上是有區別的。

比如隱藏地球主體后,疊加一些矢量面,突出主題.

var viewer = new Cesium.Viewer("cesiumDiv",{
    skyBox:false,
            skyAtmosphere:false,
            baseLayerPicker:false,
            imageryProvider:new Cesium.SingleTileImageryProvider({
                url:'globe.jpg'
            }),
            contextOptions:{
                webgl:{
                    alpha:true
                }
            }
});
viewer.scene.backgroundColor = Cesium.Color.TRANSPARENT;    //背景色變成近似白色
viewer.scene.globe.baseColor = Cesium.Color.TRANSPARENT;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM