首页 / OpenLayers / 使用示例
`r`n 静态图片叠加
静态图片没有瓦片层级，给定一个范围，OpenLayers 就把它拉伸到该范围。
`r`n
源码与运行效果
说明
示例用 canvas 生成一张 300×200 的示意图并转成 data URL，两个角点经 ol.proj.fromLonLat 转换后组成 imageExtent。projection 声明为 EPSG:3857，与视图一致，图片按范围铺满。虚线外框单独放在矢量层，方便核对图片是否与预期范围重合。
| 操作 | 结果 |
|---|---|
| 缩放地图 | 图片随范围缩放，边界始终对齐虚线框 |
| 取消勾选「显示图片范围」 | 虚线框隐藏，只看图片 |
| 缩小到全国视野 | 图片被压缩到很小的区域 |
要点
- 范围顺序为左、下、右、上，与 bbox 的经纬度顺序不同。
- 图片宽高比与范围宽高比不一致时会被拉伸，制图前先算好。
图片来自跨域地址时给源设置 crossOrigin，否则导出画布会失败。