经纬志
首页 / OpenLayers / 使用示例

栅格颜色表映射

单波段数据本身只有灰度,颜色表决定它在屏幕上呈现的样子。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

示例先用 ol.source.ImageStatic 装一张页面生成的灰度高程图,再交给 ol.source.Raster,在 operation 里按 256 项查找表逐点着色。

官方示例读取的是 COG 云优化 GeoTIFF,需要 geotiff.js 发起分段请求。这里把成像过程换成画布生成,ol.source.Raster 的运算路径与着色逻辑保持原样。

要点

  • 查找表按 0~255 建立,换色带只换 LUT,不必重新采样。
  • operation 必须返回与输入同尺寸的 ImageData。
  • 栅格结果用 ol.layer.Image 承载,不是瓦片层。

色带两端显式给出 0 与 1 的色标,否则极值会落到最近色标上。