---
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"
cloak:
  - key: get_your_own_D6rA4zTHduk6KOKTXzGB
    value: Get your own API key at https://www.maptiler.com/cloud/
---
<div id="map" class="map"></div>
<label>
  render with an opacity transition
  <input id="transition" type="checkbox" checked>
</label>