ui.Thumbnail

根据 ee.Image 异步生成的固定大小的缩略图。

用法返回
ui.Thumbnail(image, params, onClick, style)ui.Thumbnail
参数类型详细信息
image图片(可选)要从中生成缩略图的 ee.Image。默认为空的 ee.Image。
params对象,可选如需了解可能使用的参数,请参阅 ui.Thumbnail.setParams()。默认值为一个空对象。
onClick函数(可选)点击缩略图时触发的回调。
style对象,可选一个包含允许的 CSS 样式及其要为此标签设置的值的对象。默认为空对象。

示例

代码编辑器 (JavaScript)

// The goal is to create a series of thumbnail images for an elevation dataset
// with different backgrounds. The background layers and image visualization
// are previewed in the Code Editor map before creating the thumbnails.

// Define a black background.
var blackBg = ee.Image.rgb(0, 0, 0)
  .visualize({min: 0, max: 255});
Map.addLayer(blackBg, {}, 'Black background');

// Define a water / land background.
var waterLandBg = ee.Image('NOAA/NGDC/ETOPO1').select('bedrock').gt(0.0)
  .visualize({palette: ['cadetblue', 'lightgray']});
Map.addLayer(waterLandBg, {}, 'Water / land background');

// A map display of a digital elevation model (DEM).
var image = ee.Image('AU/GA/DEM_1SEC/v10/DEM-S').select('elevation')
  .visualize({
     min: -10.0,
     max: 1300.0,
     palette: [
       '3ae237', 'b5e22e', 'd6e21f', 'fff705', 'ffd611', 'ffb613', 'ff8b13',
       'ff6e08', 'ff500d', 'ff0000', 'de0101', 'c21301', '0602ff', '235cb1',
       '307ef3', '269db1', '30c8e2', '32d3ef', '3be285', '3ff38f', '86e26f'
     ],
  });
Map.addLayer(image, {}, 'Elevation');

// Set the center of the map.
var lon = 133.95;
var lat = -24.69;
Map.setCenter(lon, lat, 4);

// Set the basic parameters for the thumbnail.
// Half-width of the thumbnail in degrees in EPSG:3857.
var delta = 22;
// Width and Height of the Thumbail image.
var pixels = 256;

var areaOfInterest = ee.Geometry.Rectangle(
  [lon - delta, lat - delta, lon + delta, lat + delta], null, false);

var parameters = {
  dimensions: [pixels, pixels],
  region: areaOfInterest,
  crs: 'EPSG:3857',
  format: 'png'};

// Create a thumbnail with no background fill.
// Masked pixels will be transparent.
print(ui.Thumbnail({image: image, params: parameters}));

// Use a black background to replace masked image pixels.
var imageWithBlackBg = blackBg.blend(image);
print(ui.Thumbnail({
  image: imageWithBlackBg, params: parameters}));

// Use the water / land background to replace masked image pixels.
var imageWithWaterLandBg = waterLandBg.blend(image);
print(ui.Thumbnail({
  image: imageWithWaterLandBg, params: parameters}));