Map Tiles API

Do you need a visual representation of the real world and its road network on your (mobile) application or website?

The Kapsch Map Tiles offer a general-purpose street map displaying road networks across the globe. High zoom levels allow you to see entire continents up to individual streets. A wide range of Points of Interest is included, styled to indicate category, and filtered to only show the most relevant POIs at each zoom level.

Using Map Tiles allows you to:

Show the location of a fleet of vehicles
Display routes
Illustrate road usage and traffic flows
Highlight Points of Interest

Our Map Tiles are based on the Open Street Map road network - the most accurate, up-to-date, and feature-rich open-source geodata source, with over 1.5 million contributors across the world.

In addition, Map Tiles:

Are compatible with popular map rendering libraries such as Leaflet and OpenLayers.
Are provided as raster maps - pre-rendered on our side and provided in PNG format. The set of map tiles is assembled on the end-user´s device.
Favor road network visualization and is especially suitable for logistic, traffic, or tolling use cases.

You want to know what's new? See API changelog

Get started!

Base URL address: https://api.geo-location-platform.com/tiles/english/{z}/{x}/{y}.png?apikey=API_KEY
Leaflet is one of the javascript clients which enable your application to render the map tiles as on this page and more. Use standard HTTP GET calls to access the above endpoint.

Endpoint requires authentication. API_KEY needs to be provided to you by Kapsch TrafficCom. Please contact us for API usage conditions and to acquire your API_KEY. Usage of 'demo' API_KEY in examples on this page is not allowed for your productive systems.

Example of an HTML5 page where the tile server is used:

<!DOCTYPE html> <html> <head> <title>Quick Start - Leaflet</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script> </head> <body> <div id="mapid" style="width: 1200px; height: 800px;"></div> <script> var mymap = L.map('mapid').setView([46.6139473,14.2643415], 8); L.tileLayer('https://api.geo-location-platform.com/tiles/english/{z}/{x}/{y}.png?apikey=YOUR_API_KEY_SHOULD_BE_HERE', { maxZoom: 18, attribution: '© <a href="https://www.openstreetmap.org/copyright/">OpenStreetMap</a> contributors | ' + '<a href="https://www.geo-location-platform.com/">Kapsch TrafficCom</a>', id: 'glp/tileserver-v1', tileSize: 256, zoomOffset: 0 }).addTo(mymap); var marker = L.marker([46.6139473,14.2643415]).addTo(mymap); </script> </body> </html>