Standard style updates: More customization options to personalize the map

Guest

Guest

January 15, 2025

Standard style updates: More customization options to personalize the map

Guest

Guest

January 15, 2025

Since the release of Mapbox Standard, Mapbox continues to iterate on the capabilities of the style. The latest update introduces further customizability — addressing the most prominent feedback heard from customers. It also introduces high-definition (HD) roads, an efficient method for configuring basemap interactions, and support in the Static Images API.

As always, Standard updates automatically with these new features without ongoing maintenance, offering a convenient and seamless experience across platforms.

More color customization strengthens branding and differentiation

Monochrome and Faded color themes were introduced in summer 2024, allowing users to tailor the style for a wide variety of purposes. Mapbox has now added support for completely custom color themes through the use of look-up tables (LUTs). Designers can easily adjust the overall color tone of the basemap with LUTs by creating and applying color themes that better align with the aesthetics of their existing map and application.

Left: Mapbox Standard. Right: Mapbox Standard with a custom color designed using LUTs

Here is a step-by-step guide on how to create a LUT in a graphics editor and apply it to the style in Studio.

Set the color theme in Photoshop before applying it to the style in Mapbox Studio

Customize the color of roads

Along with adjusting overall color themes, designers can directly adjust the color of road networks for brand, use case, or regulatory needs. For example, a developer can visually deemphasize the road network by choosing a lighter color, shifting more visual attention to the buildings and surroundings.

High-definition roads improve navigation precision and driver safety - now in beta

Mapbox high-definition roads (HD roads) contain highly precise road data like road and lane boundary geometry, lane markings, turn arrows, and more. This is especially important for in-vehicle navigation, as advanced driver assistance systems rely on accurate road information. HD roads can also help on-demand delivery and urban mobility applications identify more precise drop-off and pick-up locations.

An HD roads import can be used with Standard or a custom style to bring HD roads to any map.

With the HD roads import, customers can easily style multiple HD road layers at once, without having to worry about the underlying data structure. The HD roads import allows users to customize the color of roads and road islands, as well as the emissive strength value for setting dark mode styling. HD roads can be styled using Mapbox Studio or through the Navigation or Maps SDKs by utilizing the setStyleImportConfigProperty method. See documentation for iOS and Android.

To get started with HD roads in Mapbox Studio, copy this sample style into your Studio account. Alternatively, to add HD roads in runtime, this style url mapbox://styles/mapbox/high-definition-roads can be passed as argument to the addImport method. 

HD roads are currently in beta and available in 25 cities, including Berlin, Munich, Frankfurt, Palo Alto, San Diego, Silicon Valley, Los Angeles, Las Vegas, Washington D.C., San Francisco, and more. Mapbox will continue expanding this coverage to additional cities in 2025.

Simplify creating interactions with map elements

Standard now unifies creating interactions for both basemap and custom map elements across platforms. Developers can design interactions manually or directly in Mapbox Studio, reducing the need for code while still fully utilizing Mapbox APIs. This simplifies the process of defining map interactions and retrieving basemap metadata, saving time and developer resources. This feature is currently available to create interactions with place labels and POI layers. Here is the documentation for iOS and Android.

Setting hover color for Place labels

For example, applications can enlarge a POI icon or change the color of it upon click. With a client-side implementation, they can serve additional information in a pop-up like hours of operation or customer reviews.

The Static Images API now supports Standard - now in beta

Mapbox has released beta support for Mapbox Standard in the Static Image API. Users can generate high-quality static map images using the 3D basemap. This improves the ease of integration and ensures that a single map style can be used for both dynamic and static maps.

More coverage of landmark labels

Mapbox has also integrated better coverage of text labels to annotate key 3D landmarks, making them more identifiable on the map.

Improvements available now in Mapbox Standard

The Mapbox Standard updates are available in Mapbox Maps SDKs v3.9.0 or v11.9.0. Mapbox Documentation includes guidance on migrating to GL JS v3 and the Mobile Maps SDKs v11 for iOS and Android. Standard is also available in the Mapbox Navigation SDKs and the Dash in-car application. To preview Mapbox Standard, explore the style here.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

response = requests.get(

  "https://api.mapbox.com/v4/mapbox.temperature-raster-tileset/tilequery/40,-105.json",

    params={

        "layers": "temperature,wind_speed",

        "bands": "1708304400,1708311600",

    },

Optional caption
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque euismod maximus porta. Pellentesque vitae augue elit. Nam semper eros leo, nec hendrerit nunc aliquet quis. Morbi ac sapien tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur porta imperdiet lorem, ut aliquet orci pellentesque quis. Donec magna augue, molestie aliquam enim eu, auctor feugiat metus."

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

No items found.
No items found.

Related articles