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