# Using Stadia Maps

{% hint style="info" %}
'flutter\_map' is in no way associated or related with Stadia Maps.

Stadia Maps' home page: [stadiamaps.com](https://stadiamaps.com/)\
Stadia Maps' pricing page: [stadiamaps.com/pricing](https://stadiamaps.com/pricing/)\
Stadia Maps' documentation page: [docs.stadiamaps.com](https://docs.stadiamaps.com/)
{% endhint %}

To display their map tiles, Stadia Maps usually provides a 'Static Maps Base URL' for map styles. However, to integrate with 3rd-party APIs, they also provide a 'Raster XYZ PNGs URL' , and tiles requested through this endpoint consume 'Styled Raster Map Tiles' credits. This URL needs no extra configuration to integrate with flutter\_map.

Retina tiles (high-DPI) tiles are available. Use the URLs containing '@2x' instead of '{r}'. The maximum zoom level that Stadia Maps supports is 20, so it is recommended to set `maxNativeZoom` or `maxZoom` as such.

{% hint style="warning" %}
Attribution is required, see [docs.stadiamaps.com/#legal-details-required-attribution](https://docs.stadiamaps.com/#legal-details-required-attribution).

Consider using the [#richattributionwidget](https://docs.fleaflet.dev/layers/attribution-layer#richattributionwidget "mention") or [#simpleattributionwidget](https://docs.fleaflet.dev/layers/attribution-layer#simpleattributionwidget "mention")s, which meet the requirements.
{% endhint %}

## Styles

Stadia Maps offers a variety of ready-made map styles that don't require customization. URLs are found with the style: see the available [map styles](https://docs.stadiamaps.com/themes). The URL should be used as above.

## Vector Usage

Stadia Maps' also provides vector tiles. For more information about using vector tiles, please see [#using-vector-tiles](https://docs.fleaflet.dev/why-and-how/how-does-it-work/raster-vs-vector-tiles#using-vector-tiles "mention"). 

However, please note that this method of integration is still experimental. Many of the Stadia Maps styles utilize advanced features of the Mapbox GL JSON style language which are not yet well-supported.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.fleaflet.dev/tile-servers/using-stadia-maps-1.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.