经纬志
首页 / OpenLayers / 使用示例

加载事件与进度

瓦片与矢量源共用一个计数器和转圈指示器,在途请求一目了然。

OpenLayers 10.3.1 · 对应官方 load-events.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

瓦片源的 tileloadstart、tileloadend、tileloaderror 可以精确统计在途请求;矢量源的自定义 loader 用 success 与 failure 回调结束加载状态。

两个来源共用一个计数与转圈指示器,顶栏显示累计请求、在途数量与要素数。

操作结果
拖动地图瓦片请求数与在途数上升
点击重新加载800 毫秒后要素刷新
网络异常tileloaderror 也会让计数归零

计数要成对维护,只监听 start 不监听 error,指示器会一直转。