首页 / MapLibre / 使用示例
Canvas 动态栅格源
把一块 canvas 当作栅格图层贴到地图上，每帧重绘，适合雷达扫描、热力动画这类实时画面。
源码与运行效果
说明
CanvasSource 的 coordinates 按左上、右上、右下、左下给四个角，canvas 内容会被拉伸到该范围。animate: true 让纹理逐帧上传。
示例画的是雷达扫描，真实场景把 canvas 换成视频帧或离屏渲染结果即可。
| 配置 | 取值 | 说明 |
|---|---|---|
type | canvas | 源类型 |
canvas | 元素 | 图像来源 |
animate | true | 逐帧上传纹理 |
coordinates | 四角 | 控制地理范围 |
canvas 尺寸不要太大，256 到 512 足够；每帧全量重绘会占 CPU，复杂绘制考虑改用离屏渲染。