Google Earth Engine（gee）中生成图例

拼搏现实的明天。 2021-07-25 22:42 817阅读 0赞

## 效果图 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

## 实现代码 ##

var legend = ui.Panel({
      style: {
        position: 'bottom-left',
        padding: '8px 15px'
      }
    });
    
    var legendTitle = ui.Label({
      value: 'NDVI',
      style: {
        fontWeight: 'bold',
        fontSize: '18px',
        margin: '0 0 9px 0',
        padding: '0'
        }
    });
    
    legend.add(legendTitle);
    
    var makeRow = function(color, name) {
          
          var colorBox = ui.Label({
            style: {
              backgroundColor: '#' + color,
              padding: '8px',
              margin: '0 0 4px 0'
            }
          });
          
          var description = ui.Label({
            value: name,
            style: {margin: '0 0 4px 6px'}
          });
    
          return ui.Panel({
            widgets: [colorBox, description],
            layout: ui.Panel.Layout.Flow('horizontal')
          });
    };
    
    var palette =['FF0000', '22ff00', '1500ff'];
    
    var names = ['Red','Green','Blue'];
    
    for (var i = 0; i < 3; i++) {
      legend.add(makeRow(palette[i], names[i]));
      }  
      
    Map.add(legend);

# ui.Thumbnail #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]

function makeColorBarParams(palette) {
      return {
        bbox: [0, 0, 1, 0.1],
        dimensions: '100x10',
        format: 'png',
        min: 0,
        max: 1,
        palette: palette,
      };
    }
    
    var colorBar = ui.Thumbnail({
      image: ee.Image.pixelLonLat().select(0),
      params: makeColorBarParams('navy,blue,aqua'),
      style: {stretch: 'horizontal', margin: '0px 8px', maxHeight: '24px'},
    });
    
    var legendLabels = ui.Panel({
      widgets: [
        ui.Label(1, {margin: '4px 8px'}),
        ui.Label(15,{margin: '4px 8px', textAlign: 'center', stretch: 'horizontal'}),
        ui.Label(30, {margin: '4px 8px'})
      ],
      layout: ui.Panel.Layout.flow('horizontal')
    });
    
    print(colorBar)
    print(legendLabels)

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201207112109326.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210104140752198.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，817人围观）

还没有评论，来说两句吧...

相关阅读

相关 Google Earth Engine（gee）中的Geometry

目录点：ee.Geometry.Point() 多点：ee.Geometry.MultiPoint() 线：ee.Geometry.LineString() 多线：e

柔光的暖阳◎/ 2021年09月03日 09:31/ 0 赞/ 554 阅读

相关 Google Earth Engine（gee）中生成图例

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

拼搏现实的明天。/ 2021年07月25日 22:42/ 0 赞/ 818 阅读

相关 Google Earth Engine（gee）中的Image

目录 Image.get() Image.clip() Image.select() Image.addBands() Image中的projection（），rep

川长思鸟来/ 2021年07月25日 19:40/ 0 赞/ 716 阅读

相关 Google Earth Engine（gee）中的ImageCollection

目录 limit()、first() filterBounds()、filterDate()、filterMetadata() select（） map() 获取影像

谁借莪１个温暖的怀抱￠/ 2021年07月25日 19:38/ 0 赞/ 1719 阅读

相关 Google Earth Engine（gee）中的Algorithms

ee.Algorithms.Landsat.simpleComposite（）这个函数处理landsat影像集，并返回一个新的已去云的Image ![20201125

小鱼儿/ 2021年07月25日 19:30/ 0 赞/ 590 阅读

相关 Google Earth Engine（gee）中的List

目录 ee.List List.repeat() List.sequence() List中的get、set List中的replace、replaceAll Li

男娘i/ 2021年07月25日 14:34/ 0 赞/ 730 阅读

相关 Google Earth Engine（gee）中的Feature

目录 ee.Feature() Feature.select() Feature中的set、setMulti Feature.transform() Feature

た入场券/ 2021年07月25日 14:30/ 0 赞/ 523 阅读

相关 Google Earth Engine（gee）中的Filter

Filter.dayOfYear ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

一时失言乱红尘/ 2021年07月25日 13:50/ 0 赞/ 537 阅读

相关 Google Earth Engine（gee）中的Dictionary

用法类似js中的对象，key/value get()、keys() ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

怼烎@/ 2021年07月25日 13:32/ 0 赞/ 428 阅读

相关 Google Earth Engine（gee）中的FeatureCollection

目录基本结构 FeatureCollection.geometry() 生成随机点：FeatureCollection.randomPoints（） FeatureC

落日映苍穹つ/ 2021年07月25日 11:05/ 0 赞/ 1435 阅读