Map attribution and how to add it

Map attribution is the copyright and licensing information that appears on a map, typically in the bottom corner. It gives credit to the map data providers and is required by their licenses.

When you implement a MapTiler map using our SDKs or popular mapping libraries, it will usually have attribution added automatically. However, in some cases you may need to add it manually, and this page explains how.

Attribution parts

MapTiler attribution consists of a text part (bottom right) and a logo (bottom left).

MapTiler attribution example

Text attribution (required)

The text attribution must appear on every map. It includes copyright notices with links for MapTiler and also for OpenStreetMap, which is the underlying data source:

© MapTiler © OpenStreetMap contributors

Logo attribution (free accounts only)

If you’re using a MapTiler Free account, you also need to display the MapTiler logo linking to our website, www.maptiler.com.

When you need attribution

You need to include MapTiler attribution on:

  • Dynamic maps in websites or mobile apps (include both text and link)
  • Static map images or printed maps (include text on or next to the image)
  • Maps in videos, games, or animations (overlay in a corner or include in credits)

For complete details, see our Terms and Conditions.

If you need a map without attribution, learn here how to remove it.

How to add attribution

Most JavaScript mapping libraries show attribution by default, based on the datasets that you use, so you usually won’t need to add it manually. If the attribution is missing from your map, here’s how to add it.

MapTiler SDK JS

Attribution is shown out-of-the-box. Configure the MapTiler logo and its position using these options:

// Logo display (setting to false only works with premium accounts)
maptilerLogo: true  // default: true

// Logo position
logoPosition: 'bottom-left'  // options: 'top-left', 'top-right', 'bottom-left', 'bottom-right'

For extra configuration, see the MapTiler SDK JS reference.

MapLibre GL JS

Attribution is shown out-of-the-box. For more details, see the MapLibre GL JS reference.

In case you are using the Free plan, you need to add the Logo as described in the HTML section.

Leaflet

Attribution is shown out-of-the-box. For more details, see the Leaflet reference.

In case you are using the Free plan, you need to add the Logo as described in the HTML section.

OpenLayers

Attribution is associated with the map layer’s source by default. In order to comply and show the attribution expanded, adjust the default behaviour to:

const attribution = new ol.control.Attribution({
  collapsible: false,
});
const map = new ol.Map({
  controls: ol.control.defaults
    .defaults({ attribution: false })
    .extend([attribution]),
  // other map settings...
})

For more details, see the OpenLayers reference.

In case you are using the Free plan, you need to add the Logo as described in the HTML section.

Cesium

For Cesium you need to specify the attribution directly:

const credit = new Cesium.Credit(`<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>`, true)
viewer.creditDisplay.addStaticCredit(credit);

For more details, see the Cesium reference.

In case you are using the Free plan, you need to add the Logo as described in the HTML section.

HTML

Add logo attribution (required only for the Free plan):

<a href="https://www.maptiler.com" 
   style="position:absolute;left:10px;bottom:10px;z-index:999;">
  <img src="https://api.maptiler.com/resources/logo.svg" alt="MapTiler logo">
</a>

Add text attribution directly to your map container (only if you are not using some library which handles it already):

<div id="map" style="position:absolute;right:10px;bottom:10px;z-index:999;">
  <a href="https://www.maptiler.com/copyright/" target="_blank">
     &copy; MapTiler
  </a> 
  <a href="https://www.openstreetmap.org/copyright" target="_blank">
     &copy; OpenStreetMap contributors
  </a>
</div>