首页 / OpenLayers / 使用示例
`r`n 海平面上升
把高程与水位一比，低于水位的像素就是淹没区，阈值一动整幅图立刻变样。
`r`n
源码与运行效果
说明
示例用 ol.source.ImageCanvas 生成一幅带正负海拔的示意图，低于水位的像素涂成蓝色，以上按高程渐变。滑块改动水位后调用 source.changed()，canvasFunction 重算每个像素并顺便统计淹没比例。官方示例基于真实 DEM 做同样的阈值判断，本页用页面内高程函数替代。
| 操作 | 结果 |
|---|---|
| 拖动水位滑块 | 蓝色区域扩张，淹没比例上升 |
| 水位降到 0 米 | 只剩原本低于海平面的部分被标记 |
| 缩放地图 | 像素重采样，统计按当前视野重算 |
要点
- 判断条件用严格小于，水位线与地形等高线重合时更直观。
- 统计比例写回页面时注意只在画布重算完成后更新。
真实项目要叠加潮位与地面沉降数据，单看高程阈值只能得到粗略范围。