跳到主要内容

Color

color 方法用于设置图形的颜色。

IColor: string

color 类型的字符串。

  • color 类型可以为 rgb 的写法 rgb(200, 100, 100)、rgba(255, 0, 0, 1)
  • color 类型可以为十六进制的写法 #ffffff、#000
  • color 类型可以是颜色名称的写法 red、yellow

color(color: IColor)

图层可以直接设置颜色值。

layer.color('#f00');

color(field: string)

图层的颜色可以根据图层接受的数据值进行映射,接受传入数据的字段作为参数。

layer.source([
  {
    lng: 120,
    lat: 30,
    c: '#f00',
  },
]);
layer.color('c');

color(field: string, domain: IColor[])

color 方法支持简单的值映射,将根据 field 从传入图层的数据中提取的值映射到 domain 值域中。

layer.color('type', ['#f00', '#0f0', '#00f']);

color(field: string, callback: () => IColor )

color 方法支持回调函数的写法,将根据 field 作为 callback 方法的参数,callback 方法的返回值作为图层实际的颜色。

layer.color('type', (value) => {
  switch (value) {
    case 'water':
      return '#f00';
    case 'wood':
      return '#0f0';
  }
});
© Copyright 2026 Ant Group Co., Ltd..备案号:京ICP备15032932号-38
全站搜索
文档与示例输入关键词开始搜索

输入关键词,查找文档、API 与示例

↑↓选择↵打开Esc关闭