Using MapLibre GL JS and Thunderforest vector map tiles

MapLibre GL JS is an open-source JavaScript library that you can use for publishing maps on the web. It uses WebGL to quickly render interactive maps from vector tiles in a browser.

You need to source your own vector tiles. These are provided by different suppliers, including Thunderforest.

We provide carefully-tailored global vector tiles that are updated hourly. You can quickly integrate MapLibre and Thunderforest Vector Styles API.

Why use Thunderforest vector map tiles and MapLibre GL JS?

Thunderforest is a specialist provider of maps for developers and app creators. We have more than 10 years cartographical experience and offer a selection of hand-curated maps.

MapLibre is a fantastic piece of technology that we’re pushing to its limits – and beyond.

Here are a few challenges we tackled creating Transport Vector:

  • Labels competing for space — Stations, bus stops, tram stops, route labels, and road names often compete in the same small area. We carefully tuned label priorities, offsets, and collision rules so the most important information remains visible.

  • The 1-pixel problem — MapLibre adds a default outline around filled polygons. In areas with many small features, this can make forests or water bodies appear larger than they really are. These features can also blend in with each other. We adjusted the styling to prevent these distortions.

  • To tilt or not to tilt? — Vector styles allow maps to tilt and rotate, which introduces new design questions: how should labels behave in 3D? We’re continuing to refine how text and icons work in these views.

Creating maps that work with your existing tech stack

We actively contribute to the OpenStreetMap community and have a long history of engagement and expertise in the field.

As such, we make sure there’s no vendor lock-in for our services. You can integrate Thunderforest with any tech set up you choose.

Keeping prices fair and predictable

We offer clear monthly pricing based on API requests. You can easily upgrade or downgrade through the dashboard. We can also configure multiple API Keys for paid accounts.

If you exceed your limit, we will be in touch via email to discuss which plan is most suitable for you. We don’t automatically suspend your account, since we want to ensure that you and the users of your application continue to receive an uninterrupted service.

Ready to get started?

Integrating MapLibre GL JS and Thunderforest Vector Styles API is straightforward.

Read our help article about MapLibre (Vector Styles API) for more details.

We also provide a Vector Sources API for raw vector tiles. Use this to create your own map styles from scratch.