ui.Thumbnail

Eine Miniaturansicht mit fester Größe, die asynchron aus einem ee.Image generiert wird.

Nutzung	Ausgabe
ui.Thumbnail(image, params, onClick, style)	ui.Thumbnail

Argument	Typ	Details
image	Bild (optional)	Das ee.Image, aus dem die Miniaturansicht generiert werden soll. Die Standardeinstellung ist ein leeres ee.Image.
params	Objekt, optional	Eine Erklärung der möglichen Parameter finden Sie unter ui.Thumbnail.setParams(). Die Standardeinstellung ist ein leeres Objekt.
onClick	Funktion (optional)	Ein Callback, der ausgelöst wird, wenn auf das Thumbnail geklickt wird.
style	Objekt, optional	Ein Objekt mit zulässigen CSS-Stilen und den zugehörigen Werten, die für dieses Label festgelegt werden sollen. Die Standardeinstellung ist ein leeres Objekt.

Beispiele

Code-Editor (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}));