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});