首页 / OpenLayers / 使用示例
`r`n 几何图形渲染
ol.render.toContext 把 OpenLayers 的绘制能力搬到任意 canvas 上,不经过地图也能出图。
源码与运行效果
说明
示例在左下角的图例画布里调用 setStyle 指定样式,再用 drawGeometry 画多边形、点和虚线,坐标直接用画布像素。size 与 pixelRatio 在创建渲染器时给定,图形不会因容器尺寸变化而错位。同一套 ol.style.Style 既能画地图要素,也能画图例,样式口径统一。
| 操作 | 结果 |
|---|---|
| 查看左下角图例 | 面、点、虚线三类图形与地图样式一致 |
| 缩放地图 | 图例保持不变,只是示意图 |
要点
- 离屏渲染器的坐标系原点在画布左上角,y 轴向下。
- 几何对象用像素坐标构造,与投影无关。
图例需要跟随地图旋转或分辨率时,把 pixelRatio 与实际设备比对齐,避免模糊。