Use the Mapbox Studio style editor to design a map to your exact specifications.
Mapbox Studio topics covered in this section:
Add data to style
A style is a JSON document that conforms to the Mapbox Style Specification. The style specification is designed especially for Mapbox GL JS (browser) and the Mapbox mobile SDKs (mobile) to read and understand so your map can be rendered on the page. The style controls almost everything about the map.
The Mapbox Styles API powers your ability to change the fonts, colors, and icons on a map style through the visual interface of Mapbox Studio. The Mapbox Styles API is an integral part of our cartography software and is used across several Mapbox tools.
The Mapbox Studio style editor is a visual interface for creating styles. Each layer you add to the style in the Mapbox Studio style editor is added to this JSON object via the Styles API when you save, and is then passed to the browser or device when the map is requested. Once created, you can keep your style hosted with Mapbox to serve to your map or you can download the JSON object as a document.Read more about the style editor
You can also use Cartogram, a drag-and-drop tool, to create a custom map in seconds. Upload a picture, select the colors you want, and get a map that fits your brand and style. This new map is ready to be used in your website or mobile application, or you can edit it in Mapbox Studio.Try cartogram
Learn how to use a drag-and-drop tool to create a custom map style with a color palette that matches an image.
There are several Mapbox-designed map styles that can either be used directly in your web or mobile application or be used as a starting point for creating a new custom style in Mapbox Studio. To explore available styles click New style on your Styles page.
Learn how to use the Mapbox Studio style editor to create a new custom style based on a template style.
When you choose Monochrome, you can choose between five preset monochrome options or use the color generator to create a completely new monochrome style based on a custom color you input.
The Examples page contains a collection of style examples that highlight specific features like adding 3D buildings and hillshades. You can browse examples and add the styles directly to your account to get started.