Style

查看 Markdown编辑此页

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

raster tile

domain: [number, number]

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

clampLow/clampHigh: boolean

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

ps：rgb 多通道栅格不支持

rampColors

colors 颜色数组
positions 数据区间

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

⚠️ colors, positions 的长度要相同

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

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

绑定事件

🌟 数据栅格瓦片

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

事件参数

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

value: number

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