Anuncio : Todos los proyectos no comerciales registrados para usar Earth Engine antes del
15 de abril de 2025 deben
verificar su elegibilidad no comercial para mantener el acceso. Si no realizas la verificación antes del 26 de septiembre de 2025, es posible que se suspenda tu acceso.
Enviar comentarios
ui.Thumbnail
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Es una imagen en miniatura de tamaño fijo que se genera de forma asíncrona a partir de un objeto ee.Image.
Uso Muestra ui.Thumbnail(image , params , onClick , style )
ui.Thumbnail
Argumento Tipo Detalles image
Imagen (opcional) ee.Image a partir de la cual se generará la miniatura. El valor predeterminado es un objeto ee.Image vacío. params
Objeto, opcional Para obtener una explicación de los parámetros posibles, consulta ui.Thumbnail.setParams(). El valor predeterminado es un objeto vacío. onClick
Función, opcional Es una devolución de llamada que se activa cuando se hace clic en la miniatura. style
Objeto, opcional Objeto de los estilos CSS permitidos con sus valores que se establecerán para esta etiqueta. El valor predeterminado es un objeto vacío.
Ejemplos
Editor de código (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 }));
Enviar comentarios
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons , y los ejemplos de código están sujetos a la licencia Apache 2.0 . Para obtener más información, consulta las políticas del sitio de Google Developers . Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-26 (UTC)
¿Quieres brindar más información?
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-26 (UTC)"],[],[]]