---
layout: example.html
title: Tile Load Events
shortdesc: Example using tile load events.
docs: >
  Image tile sources fire events related to tile loading.  You can
  listen for <code>tileloadstart</code>, <code>tileloadend</code>,
  and <code>tileloaderror</code> type events to monitor tile loading
  progress.  This example registers listeners for these events and
  renders a tile loading progress bar at the bottom of the map.</p>
tags: "tile, events, loading"
cloak:
  - key: pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiY2pzbmg0Nmk5MGF5NzQzbzRnbDNoeHJrbiJ9.7_-_gL8ur7ZtEiNwRfCy7Q
    value: Your Mapbox access token from https://mapbox.com/ here
---
<div class="wrapper">
  <div id="map" class="map"></div>
  <div id="progress"></div>
</div>