---
title: TileOverlay
framework: mapkitjs
role: symbol
role_heading: Class
path: mapkitjs/tileoverlay
---

# TileOverlay

An overlay that covers an area of the map with bitmapped tiles.

## Declaration

```data
class TileOverlay extends EventTarget
```

## Mentioned in

MapKit JS 6 Migrating from Version 5 to Version 6

## Overview

Overview You use tile overlay objects to represent your own tile-based content and to coordinate the display of that content on a map. Your tiles can supplement the underlying map content or replace it completely. You can use a single tile overlay object to represent all of the tiles at one or more zoom levels of the map.

## Topics

### Creating a tile overlay

- [new TileOverlay(imageForTile, options)](mapkitjs/tileoverlay/tileoverlayconstructor.md)
- [TileOverlayConstructorOptions](mapkitjs/tileoverlayconstructoroptions.md)
- [TileOverlayUrlTemplate](mapkitjs/tileoverlayurltemplate.md)
- [TileOverlayImageCallback](mapkitjs/tileoverlayimagecallback.md)

### Events

- [TileOverlayErrorEvent](mapkitjs/tileoverlayerrorevent.md)

### Customizing the tile overlay

- [imageForTile](mapkitjs/tileoverlay/imagefortile.md)
- [data](mapkitjs/tileoverlay/data.md)
- [reload()](mapkitjs/tileoverlay/reload.md)

### Setting overlay appearance

- [opacity](mapkitjs/tileoverlay/opacity.md)
- [maximumZ](mapkitjs/tileoverlay/maximumz.md)
- [minimumZ](mapkitjs/tileoverlay/minimumz.md)

### Deprecated

- [urlTemplate](mapkitjs/tileoverlay/urltemplate.md)

## Relationships

### Inherits From

- EventTarget

## See Also

### Overlays

- [Adding interactivity to overlays](mapkitjs/adding-interactivity-to-overlays.md)
- [Overlay](mapkitjs/overlay.md)
- [Style](mapkitjs/style.md)
- [CircleOverlay](mapkitjs/circleoverlay.md)
- [PolylineOverlay](mapkitjs/polylineoverlay.md)
- [PolygonOverlay](mapkitjs/polygonoverlay.md)
- [OverlayOptions](mapkitjs/overlayoptions.md)
- [TileOverlayUrlTemplate](mapkitjs/tileoverlayurltemplate.md)