ee.FeatureCollection.style GEE地图颜色风格设置（自用笔记）

本文链接：https://blog.youkuaiyun.com/i_dou/article/details/143573725

ee.FeatureCollection.style

该命令属性：https://developers.google.com/earth-engine/apidocs/ee-featurecollection-style

在这里插入图片描述

配色网站：https://aicolors.co/

颜色网站：https://www.sioe.cn/yingyong/yanse-rgb-16/

问题1：如何查看fillcolor参数有哪些？

在 Google Earth Engine 中，fillColor 参数接受的颜色值可以是以下几种格式：

十六进制颜色代码：常用的 HTML/CSS 颜色代码，以 # 开头。例如：
- '#FF0000' - 红色
- '#00FF00' - 绿色
- '#0000FF' - 蓝色
- '#FFFFFF' - 白色
- '#000000' - 黑色
简写十六进制颜色代码：一些常见颜色支持 3 位简写形式（只在 HTML 和 CSS 中表示相同的颜色）。例如：
- '#F00' - 红色
- '#0F0' - 绿色
- '#00F' - 蓝色
CSS 颜色名称：Google Earth Engine 支持部分标准的 CSS 颜色名称。例如：
- 'red' - 红色
- 'green' - 绿色
- 'blue' - 蓝色
- 'gray' - 灰色
- 'black' - 黑色
- 'white' - 白色
- 'cyan' - 青色
- 'magenta' - 洋红色
- 'yellow' - 黄色
RGBA 格式：GEE 目前不直接支持 RGBA 格式（即 rgba(r, g, b, a)）来控制透明度，但可以通过调整样式层叠的顺序来模拟透明效果。

例如，以下代码使用不同的颜色格式：

// 示例：使用不同的 fillColor 格式
var redHex = { fillColor: '#FF0000' };       // 十六进制颜色
var greenShortHex = { fillColor: '#0F0' };   // 简写十六进制颜色
var blueName = { fillColor: 'blue' };        // CSS 颜色名称

Google Earth Engine 中的颜色支持一般是 CSS 标准的基础颜色，如果您对颜色显示有特殊需求，可以利用颜色生成器或查找标准颜色代码。

问题2：FF000099这种后面加88代表透明度是该如何设置

在 Google Earth Engine (GEE) 中，您可以使用带有透明度的十六进制颜色代码，例如 #FF000099。这种格式的十六进制代码（包含 8 位）可以控制透明度，其中前 6 位表示 RGB 颜色，后 2 位表示透明度（alpha 通道）。

透明度的十六进制表示

在 8 位的十六进制颜色代码中，透明度（alpha 通道）使用最后两位表示，值范围为 00 到 FF，对应从完全透明到完全不透明：

00：完全透明
FF：完全不透明

示例：设置带透明度的颜色

您可以直接在 fillColor 参数中使用 8 位十六进制颜色代码，GEE 会自动解析颜色的透明度。例如：

// 加载一个示例数据集（全球行政边界）
var gaul = ee.FeatureCollection('FAO/GAUL/2015/level0');

// 定义样式参数，包含透明度（alpha）
var styleParams = {
  fillColor: '#FF000099',  // 红色，60% 不透明度
  color: '#FF0000',        // 边界线颜色（红色）
  width: 1.5               // 边界线宽度
};

// 应用样式并添加到地图
Map.addLayer(gaul.style(styleParams), {}, 'Transparent Fill');

// 调整地图到全球视图
Map.setCenter(0, 0, 2);  // 缩放至全球视图