# MapLibre GL JS [MapLibre GL JS](https://maplibre.org/projects/maplibre-gl-js/) is a free and powerful JavaScript library for displaying interactive maps on the web. It's based on Mapbox GL JS and provides a wide range of features for creating maps with custom styles, markers and interactivity. ### What you'll need * OS NGD API – Tiles added to an API project in the OS Data Hub with an API Key. See [Getting started with an API project](/os-apis/core-concepts/getting-started-with-an-api-project.md) for more information. * A text editor like Visual Studio Code or Notepad to edit and save your HTML and JavaScript files. {% stepper %} {% step %} ### Set up your HTML file * Create a new HTML file with a text editor (for example, Notepad, Visual Studio Code). * Add the basic HTML structure to your file with a placeholder `
` for the map. ```html OS NGD API – Tiles | Template (EPSG:3857) | MapLibre GL JS
``` {% endstep %} {% step %} ### Insert your API Key * To enable access to OS APIs an API Key is required. Inside the `