Cesium加载影像

Posted 2020-08-21 九园

注意：使用自定义数据源时，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
});