首页 > 代码库 > Cesium加载影像

Cesium加载影像

注意:使用自定义数据源时,Cesium.Viewer类参数必须设置为

baseLayerPicker:false

A. 使用天地图数据源

//天地图
var provider=new Cesium.WebMapTileServiceImageryProvider({

url : ‘http://t0.tianditu.com/img_w/wmts?‘,
layer:‘img‘,
style:‘default‘,
format:‘tile‘,
tileMatrixSetID:‘w‘,
credit:new Cesium.Credit(‘天地图全球影响‘),
maximumLevel:18
});
var viewer = new Cesium.Viewer(‘cesiumContainer‘,{

imageryProvider:provider,
baseLayerPicker: true
});
 
参考其他

全球矢量地图服务

var viewer = new Cesium.Viewer("cesiumContainer", {
    animation: false,  //是否显示动画控件
    baseLayerPicker: false, //是否显示图层选择控件
    geocoder: true, //是否显示地名查找控件
    timeline: false, //是否显示时间线控件
    sceneModePicker: true, //是否显示投影方式控件
    navigationHelpButton: false, //是否显示帮助信息控件
    infoBox: true,  //是否显示点击要素之后显示的信息
    imageryProvider : new Cesium.WebMapTileServiceImageryProvider({
        url: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",
        layer: "tdtVecBasicLayer",
        style: "default",
        format: "image/jpeg",
        tileMatrixSetID: "GoogleMapsCompatible",
        show: false
    })
});

全球影像地图服务

var viewer = new Cesium.Viewer("cesiumContainer", {
    animation: false,  //是否显示动画控件
    baseLayerPicker: false, //是否显示图层选择控件
    geocoder: true, //是否显示地名查找控件
    timeline: false, //是否显示时间线控件
    sceneModePicker: true, //是否显示投影方式控件
    navigationHelpButton: false, //是否显示帮助信息控件
    infoBox: true,  //是否显示点击要素之后显示的信息
    imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
        url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",
        layer: "tdtBasicLayer",
        style: "default",
        format: "image/jpeg",
        tileMatrixSetID: "GoogleMapsCompatible",
        show: false
    })
});

全球影像中文注记服务

viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
    url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",
    layer: "tdtAnnoLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
    show: false
}));

全球矢量中文注记服务

viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
    url: "http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",
    layer: "tdtAnnoLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible"
}));
 
 
 

B 使用自定义数据源

//自定义的影像数据范围 原点为西经-180,北纬180度,

var tms = new Cesium.UrlTemplateImageryProvider({
url : ‘http://localhost:9999/mongodbwcfservice/GetTileWithGeographicTilingScheme/{z}/{x}/{y}‘,
credit : ‘? Analytical Graphics, Inc.‘,
tilingScheme : new Cesium.GeographicTilingScheme({
numberOfLevelZeroTilesX:4,
numberOfLevelZeroTilesY:2
}),
maximumLevel : 16
});

alert(‘数据源为本地(localhost:9999)‘);
var viewer = new Cesium.Viewer(‘cesiumContainer‘,{

imageryProvider:tms,
baseLayerPicker: false,
animation: false,
geocoder: false,
homeButton: false,
infoBox: false,
timeline: false,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false
});

C 单张图片


var viewer = new Cesium.Viewer(‘cesiumContainer‘,{

imageryProvider:new Cesium.SingleTileImageryProvider({

url : ‘./Apps/SampleData/Welcome.jpg‘
}),
baseLayerPicker: false
});

Cesium加载影像