Cesium 之 ImageryProvider 影像

介绍

Cesium.ImageryProvider类及其子类封装了加载各种影像图层的方法，其中Cesium.ImageryProvider类是抽象类、基类或者可将其理解为接口，它不能被直接实例化。

个人常用：

• UrlTemplateImageryProvider （又叫做"xyz"地图服务 在geoserver中称为 TMS）

• WebMapServiceImageryProvider

• WebMapTileServiceImageryProvider

使用

• TMS

viewer.imageryLayers.addImageryProvider(new UrlTemplateImageryProvider({
      url: "http://localhost:8600/geoserver/gwc/service/tms/1.0.0/city:suzou_village@EPSG:4326@png/{z}/{x}/{reverseY}.png",
      tilingScheme: new GeographicTilingScheme(),
      minimumLevel: 10,
      maximumLevel: 19,
      rectangle: new Rectangle(120.4341821134366 / 180 * Math.PI, 31.2685588607777 / 180 * Math.PI, 120.44479464493162 / 180 * Math.PI, 31.276205547050033 / 180 * Math.PI)
}));

• WTMS

let matrixIds = ['EPSG:4326:0', 'EPSG:4326:1', 'EPSG:4326:2', 'EPSG:4326:3', 'EPSG:4326:4', 'EPSG:4326:5', 'EPSG:4326:6', 'EPSG:4326:7', 'EPSG:4326:8', 'EPSG:4326:9', 'EPSG:4326:10',
    'EPSG:4326:11', 'EPSG:4326:12', 'EPSG:4326:13', 'EPSG:4326:14', 'EPSG:4326:15', 'EPSG:4326:16', 'EPSG:4326:17', 'EPSG:4326:18', 'EPSG:4326:19', 'EPSG:4326:20', 'EPSG:4326:21'];
    
viewer.imageryLayers.addImageryProvider(new WebMapTileServiceImageryProvider({
      url: 'http://192.168.9.10:8600/geoserver/gwc/service/wmts',
      layer: 'myspcoe:zs',
      style: '',
      format: 'image/png',
      tileMatrixSetID:"EPSG:4326", 
      tileMatrixLabels:matrixIds,
      tilingScheme: new GeographicTilingScheme(),
      minimumLevel: 10,
      maximumLevel: 19,
      rectangle: new Rectangle(120.502974013 / 180 * Math.PI, 31.24500956 / 180 * Math.PI, 120.536242535 / 180 * Math.PI, 31.262249766 / 180 * Math.PI)
    }));

• 注意

tilingScheme: new GeographicTilingScheme() 很重要，这个可以设置瓦片x y 方向比例
minimumLevel maximumLevel rectangle 这三个参数可以防止加载影像外的切片，防止出现访问瓦片url 404