> For the complete documentation index, see [llms.txt](https://docs.fleaflet.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fleaflet.dev/v3/usage/layers/tile-layer.md).

# Tile Layer

{% hint style="info" %}
This page (and subpages) only talks about WMTS-supporting raster layers, which is the most common and default type of mapping.

For information about WMS-supporting layers or vector tiles, visit the [WMS Usage](/v3/usage/layers/wms-usage.md) page.
{% endhint %}

A tile layer displays raster map tiles in a grid pattern, from a tile source such as a remote server or file system. This might look something like this:

```dart
FlutterMap(
    options: MapOptions(),
    children: [
        TileLayer(
          urlTemplate: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
          userAgentPackageName: 'dev.fleaflet.flutter_map.example',
        ),
    ],
),
```

{% hint style="danger" %}
You must comply to your tile server's ToS. Failure to do so may result in you being banned from their services.

The OpenStreetMap Tile Server (as used above) can be [found here](https://operations.osmfoundation.org/policies/tiles). Other servers may have different terms.

This package is not responsible for your misuse of another tile server.
{% endhint %}

{% content-ref url="/pages/XkWqeFr0bx37yaYwPe5F" %}
[Recommended Options](/v3/usage/layers/tile-layer/recommended-options.md)
{% endcontent-ref %}

{% content-ref url="/pages/D3BcOCitOrVCrrACXuCx" %}
[Other Options](/v3/usage/layers/tile-layer/other-options.md)
{% endcontent-ref %}