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

DEM 等高线渲染

灰度高程换算成海拔,按等高距分层设色,并在分层边界画出深色线。

OpenLayers 10.3.1 · 对应官方 contour-interpolation.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

灰度高程经 Raster 源换算成海拔,色带按高程分级;落在等高距边界附近的像素被画成深色,形成连续的等高线。

官方示例用 WebGL 插值,这里用 Raster 的逐像素运算实现同样的分层效果;等高距滑块会重建源,线条随之加密或变稀。

操作结果
等高距 20 m线条密集,细节丰富
等高距 200 m只剩主要山脊线
关闭高程渲染回到底图

等高线靠像素级取模判断,放大后线宽会跟着变粗,需要按分辨率调整阈值。