---
title: "Style"
description: "Style"
language: "zh"
canonical: "https://l7.antv.antgroup.com/zh/api/tile/common/style/"
---

[资料索引](/llms.txt)

瓦片图层的 `style` 参数和使用的图层相关。如矢量点图层，`style` 的参数就是对应点图层的参数。

### raster tile

#### domain: [number, number]

设置数据映射的定义域。<br />
ps：固定值域为 `[0, 1]`，我们将传入的值（domain） 映射到值域 `[0, 1]` 后从 `rampColor` 构建的色带上取颜色，rgb 多通道栅格不支持。

#### clampLow/clampHigh: boolean

`clampLow` 的默认值为 `false`，设置为 `true`，低于 `domain` 的数据将不显示。<br />
`clampHigh` 的默认值为 `false`，设置为 `true`，高于 `domain` 的数据将不显示。

ps：rgb 多通道栅格不支持

#### rampColors

- colors  颜色数组
- positions 数据区间

配置值域映射颜色的色带，值域的范围为 `[0 - 1]`, 对应的我们需要为每一个 `position` 位置设置一个颜色值。

⚠️ colors, positions 的长度要相同

```javascript
layer.style({
  rampColors: {
    colors: ['#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C'],
    positions: [0, 0.2, 0.4, 0.6, 0.8, 1.0],
  },
});
```

ps：⚠️ color, position 的长度要相同，rgb 多通道栅格不支持

### vector tile

矢量图层的 `style` 样式和普通图层保持一致。

### event

🌟 数据栅格支持图层事件，目前图片栅格暂时不支持图层事件。

##### 绑定事件

🌟 数据栅格瓦片

```javascript
// 绑定事件的方式和普通图层保持一致
layer.on('click', e => {...})
```

#### 事件参数

🌟 数据栅格瓦片
数据栅格瓦片的事件参数相比于普通图层的事件返回了新的参数。

#### value: number

🌟 数据栅格瓦片
鼠标事件位置的瓦片的实际数值。