首页 / OpenLayers / 使用示例
瓦片过渡效果
左右两个地图用同一份底图，唯一的差别是瓦片图层的 transition 参数。
点一次「重新缩放」，就同时看到直接替换与淡入两种观感。
源码与运行效果
说明
transition 是图层参数，单位毫秒，表示新瓦片从透明淡入到不透明的时间。
默认值 250 让缩放看起来连贯；设为 0 则是瓦片到一张换一张，
在老设备或服务端响应慢时更稳。
| 参数 | 左图 | 右图 |
|---|---|---|
transition | 0 | 250 |
| 缩放时的观感 | 瞬间切换，可能有短暂空白 | 渐变过渡，视觉更柔和 |
| 适用场景 | 专题叠加层、调试瓦片对齐 | 普通底图浏览 |
示例只对左图调用 view.animate，右图通过监听
change:center 和 change:resolution 同步。
两套动画同时运行会互相覆盖，最终位置容易出现细微偏差。
淡入效果只影响瓦片透明度，不改变请求数量。
想减少请求，应该调 preload 而不是 transition；
preload: 0 只加载当前级别的瓦片，最省带宽。