// INCORPORACION DE LEYENDAS EN GEE
// http://www.gisandbeers.com/incorporacion-leyenda-en-google-earth-engine/

// Representacion del SRTM a 30 metros en el visor
var SRTM90 = ee.Image('CGIAR/SRTM90_V4').select('elevation');
var RampaColor = {min: 0.0, max: 7000.0,
  palette: ['0030F5', '36886A', '82B513', 'EDC823', 'F68E19', 'F45A44', 'FD92FA'],};
Map.addLayer(SRTM90, RampaColor, 'DEM SRTM');

// Descripcion del etiquetado de elementos de la leyenda
var Etiquetas = [
  '0 - 1000 m',
  '1.000 - 2.000 m',
  '2.000 - 3.000 m',
  '3.000 - 4.000 m',
  '4.000 - 5.000 m',
  '5.000 - 6.000 m',
  '6.000 - 7.000 m',];

// Configuracion del titulo y posicion de la leyenda
var Titulo = ui.Label({
  value: 'Niveles de altitud', // Titulo de la leyenda
  style: {fontWeight: 'bold', fontSize: '20px', margin: '0px 0px 15px 0px',}}); // Estilo y dimensiones
var Leyenda = ui.Panel({
  style: {position: 'bottom-left', padding: '10px 20px'}}); // Posicion, altura y anchura
Leyenda.add(Titulo);

// Configuracion de la simbologia
var Simbologia = ['0030F5', '36886A', '82B513', 'EDC823', 'F68E19', 'F45A44', 'FD92FA'];
var Simbolos = function(simbolo, texto) {
var TextoLeyenda = ui.Label({
  value: texto,
  style: {margin: '6px 0px 10px 15px'}}); // Posicion en la separacion de los textos
var CajaLeyenda = ui.Label({
  style: {backgroundColor: '#' + simbolo,
  padding: '15px', // Tamaño del simbolo
  margin: '0px 0px 6px 0px'}}); // Posicion en la separacion de los simbolos

//Representacion de leyenda en el visor
return ui.Panel({
  widgets: [CajaLeyenda, TextoLeyenda],
  layout: ui.Panel.Layout.Flow('horizontal')});};
for (var i = 0; i < 7; i++) {Leyenda.add(Simbolos(Simbologia[i], Etiquetas[i]));} 
Map.centerObject (SRTM90, 2);
Map.add(Leyenda);