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;