Learn more about how you can use Mapbox GL JS in your own applications on this page. Want to get started right away? See the quickstart guide, or take a look at our examples.. Use cases . Use cases for Mapbox GL JS include:

Code examples for Mapbox GL JS. Use the localIdeographFontFamily setting to speed up map load times by using locally available fonts instead of font data fetched from the server.

If you need to support Internet Explorer, consider using the Static Images API for non-interactive maps or the Static Tiles API with another library like Mapbox.js for interactive maps. Import or Install Mapbox-GL-JS

The Mapbox GL JS API documentation to render interactive maps from vector tiles and Mapbox styles.

Mapbox GL JS is a JavaScript library for creating interactive, customizable maps with 3D rendering and scalable data.

Initialize a map in an HTML element with Mapbox GL JS.

Mapbox Documentation. Examples, tutorials, and API references for building with Mapbox.

Map styles define the look and feel of a map, including its colors, background, roads, labels, points of interest, and other visual elements. Mapbox GL JS enables developers to apply predefined styles or load custom styles to fit their application's design needs. Once a style is loaded, developers can programmatically change the style's appearance at runtime, adding …

The Map object represents the map on your page. It exposes methods and properties that enable you to programmatically change the map, and fires events as users interact with it. You create a Map by specifying a container and other options. Then Mapbox GL JS initializes the map on the page and returns your Map object.

The basis of every Mapbox GL JS project is the mapboxgl.Map class. The example code in this section demonstrates the minimum you need to add a map to your page.