Creating a custom map style for Mapbox

If your Stockist account is using Mapbox as your map provider and you’d like to customize the styling of your map beyond the built-in options, it’s possible to create a completely custom style in your Mapbox account.

Custom map styles are currently supported on the Plus plan and above.

Creating a custom style

To create custom style in your Mapbox account, follow the steps below:
  1. Open your Mapbox account and sign in if prompted

  2. Click Create a map in Studio or open https://studio.mapbox.com/

  3. For the easiest approach, open the dropdown next to New style, then choose Classic template:

  4. Choose a style template to start from, then click the Customize button. The Streets template is closest to the standard map style, or the Monochrome template can be a good choice if you'd like to integrate your brand colors:

  5. In the editor that opens, click on a layer in the Layers tab to change the individual components of the map. For example, to edit the primary map color, you can click on Land & water, click on the Base color, and then edit the color in the selector there:

    You can customize the colors, text, and language for each individual component.

  6. Once your map looks how you’d like, click the Publish button in the top right corner:

  7. Confirm that you want to publish your changes:

  8. You should see a confirmation popup, which you can dismiss:

  9. Click the Share button in the top right corner:

  10. Copy the Style URL using the clipboard icon:

  11. In the Stockist dashboard, open Settings > Appearance. Under Map theme, choose Custom, then paste the complete Style URL into the Custom Mapbox style field:

  12. Save the page to update your map

Once the custom style has been linked to your Stockist account, you can make further changes directly in Mapbox studio and your store locator map will update with the new style automatically.