Skip to content
Home
Raster Tiles

Raster Tiles

Raster tiles are pre-rendered map images served as PNG files. They work with Leaflet, OpenLayers, and any other library that supports the standard slippy map tile format.

Use raster tiles when you need a simple setup or when your library does not support vector tiles.

Standard Map Styles


Style Name:
toursprung-terrain
Topographic map with terrain shading
Style URL:
https://static.maptoolkit.net/styles/toursprung/terrain.json?api_key=YOUR_API_KEY
Preview toursprung-terrain
Style Name:
toursprung-terrainwinter
Terrain map with winter look
Style URL:
https://static.maptoolkit.net/styles/toursprung/terrainwinter.json?api_key=YOUR_API_KEY
Preview toursprung-terrainwinter
Style Name:
toursprung-light
Minimal light theme
Style URL:
https://static.maptoolkit.net/styles/toursprung/light.json?api_key=YOUR_API_KEY
Preview toursprung-light
Style Name:
toursprung-dark
Dark theme with high contrast
Style URL:
https://static.maptoolkit.net/styles/toursprung/dark.json?api_key=YOUR_API_KEY
Preview toursprung-dark
Style Name:
toursprung-printmaps-green
Green, vegetation-focused style
Style URL:
https://static.maptoolkit.net/styles/toursprung/printmaps-green.json?api_key=YOUR_API_KEY
Preview toursprung-printmaps-green
Style Name:
citymaps2go-Ulmon
Urban street map
Style URL:
https://static.maptoolkit.net/styles/citymaps2go/Ulmon.json?api_key=YOUR_API_KEY
Preview citymaps2go-Ulmon

You can preview all styles at maptoolkit.com/map.

Tile URL 

https://rtc-cdn.maptoolkit.net/rtc/{style_name}/{z}/{x}/{y}.png?api_key=YOUR_API_KEY

For high-resolution displays, use the @2x suffix:

https://rtc-cdn.maptoolkit.net/rtc/{style_name}/{z}/{x}/{y}@2x.png?api_key=YOUR_API_KEY

Replace {style_name} with one of the bold style names from the Standard Map Styles list above.

Authentication

Add your API key as ?api_key=YOUR_API_KEY to every request. See Authentication for details.

Use Raster Tiles with Leaflet 

const map = L.map('map').setView([47.268, 11.400], 13);

    L.tileLayer(
      'https://rtc-cdn.maptoolkit.net/rtc/toursprung-terrain/{z}/{x}/{y}{ratio}.png?api_key=YOUR_API_KEY',
      {
        ratio: L.Browser.retina ? '@2x' : '',
        maxZoom: 18,
        attribution: '© <a href="https://www.maptoolkit.com">Maptoolkit</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
      }
    ).addTo(map);
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css" />
  <style>
    body { margin: 0; }
    #map { height: 400px; }
  </style>
</head>
<body>
  <div id="map"></div>
  <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
  <script>
    const map = L.map('map').setView([47.268, 11.400], 13);

    L.tileLayer(
      'https://rtc-cdn.maptoolkit.net/rtc/toursprung-terrain/{z}/{x}/{y}{ratio}.png?api_key=YOUR_API_KEY',
      {
        ratio: L.Browser.retina ? '@2x' : '',
        maxZoom: 18,
        attribution: '© <a href="https://www.maptoolkit.com">Maptoolkit</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
      }
    ).addTo(map);
  </script>
</body>
</html>

Custom Styles

Custom map styles are available on request. Contact maptoolkit.com for details.