Vector tiles (Beta)

You can already integrate and test our vector maps in your own web application with MapLibre GL JS. The service is currently in beta.

With vector tiles, your browser draws the map from map data using a supplied style. This allows smooth zooming and keeps labels and lines sharp, including on high-resolution screens.

As with our raster maps, the OpenStreetMap data covers the whole world and is updated continuously. We provide the maps with our default color style and a grayscale style.

Access and costs

Use of the vector tiles beta is free with an active paid plan or during your 14-day free trial. Vector tile requests are counted in your usage statistics, but do not count towards your monthly tile quota during the beta.

If you need access after your free trial has ended, please contact us.

Getting started

1. Register or log in to your account.
2. Open the Vector tiles tab in the administration area and confirm your participation in the beta.
3. Create a vector API key and enter the domains of your web application. Vector tiles require a separate API key from your existing keys.
4. Copy the style URL and use it in your application as shown below.

Using the maps with MapLibre GL JS

We provide MapLibre GL JS compatible styles. Use one of the following style URLs, replacing your-api-key with your vector API key:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@^5.24.0/dist/maplibre-gl.css" />
    <script src="https://unpkg.com/maplibre-gl@^5.24.0/dist/maplibre-gl.js"></script>
    <script type='text/javascript'>

    function initMap() {
        const map = new maplibregl.Map({
            container: 'map',
            center: [8.22, 53.14],
            zoom: 13,
            style: 'https://maps.omniscale.net/v2/your-api-key/style.default/style.json'
        });
    }
    </script>
  </head>
  <body onload='initMap()'>
    <div id='map' style='height: 400px; width: 400px;'></div>
  </body>
</html>

Questions and feedback

We welcome your feedback on the beta. Please contact us if you have questions or encounter problems. For map display issues, include the location, zoom level, browser, and a screenshot if possible.