`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

分形栅格渲染

在 Canvas 上算出曼德博集合,再作为单张影像源叠加到地图上。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

分形不是地图数据,但仍然可以作为影像图层挂进 OpenLayers: 用 Canvas 逐像素迭代曼德博集合,toDataURL() 得到图片地址, 交给 ol.source.ImageStatic,并指定 imageExtent 告诉地图它覆盖哪块区域。

迭代次数越高细节越丰富、计算越慢;点击按钮重新计算, 图层透明度可调,方便观察影像与 OSM 底图的关系。

操作结果
点「重新生成」按当前迭代次数重算并替换影像
拖动透明度分形影像与底图叠加比例变化
缩放地图影像随范围固定,不重新计算

ImageStatic 的 imageExtent 必须是视图投影坐标;用经纬度直接填会出现位置偏移或整张图不可见。

`r`n
`r`n