如何在Google Earth Engine中为拆分面板地图添加自定义图例？

// 创建拆分面板地图
var splitPanel = ui.SplitPanel({
  firstPanel: map1,
  secondPanel: map2,
  orientation: 'horizontal',
  wipe: true,
});

// 创建图例面板
var legendPanel = ui.Panel({
  style: {
    position: 'bottom-right',
    padding: '8px',
  },
});

// 添加图例组件
var legendTitle = ui.Label({
  value: '自定义图例',
  style: {
    fontWeight: 'bold',
    fontSize: '18px',
    margin: '0 0 4px 0',
  },
});

var colorExample = ui.Thumbnail({
  image: ee.Image().paint(ee.Geometry.Point([0, 0]), 1),
  params: {
    bbox: '0,0,1,1',
    dimensions: '20x20',
    format: 'png',
  },
  style: {
    margin: '0 4px',
  },
});

var legendLabel = ui.Label('示例标签');

// 将图例组件添加到图例面板
legendPanel.add(legendTitle);
legendPanel.add(colorExample);
legendPanel.add(legendLabel);

// 创建一个面板，将图例面板添加到其中
var panel = ui.Panel();
panel.add(splitPanel);
panel.add(legendPanel);

// 将面板添加到地图上
Map.add(panel);