openlayers/examples/tile-transitions.html

Build tools and sources for developing OpenLayers based mapping applications

---
layout: example.html
title: Tile Transitions
shortdesc: Custom configuration for opacity transitions on tiles.
docs: >
  By default tiles are rendered with an opacity transition - fading in over
  250 ms.  To disable this behavior, set the <code>transition</code> option
  of the tile source to 0.
tags: "fade, transition"
---
<div id="map" class="map"></div>
<label>
  render with an opacity transition
  <input id="transition" type="checkbox" checked>
</label>