---
title: "Configure Mapbox for your PWA"
description: "To display maps into your Progressive Web App (PWA), you need to set an external map service and use an external API access token.  If you've chosen Mapbox"
canonical_url: "https://www.goodbarber.com/help/display-maps-in-your-pwa-r118/configure-mapbox-for-your-pwa-a343/"
lang: en
---

# Configure Mapbox for your PWA

Source: https://www.goodbarber.com/help/display-maps-in-your-pwa-r118/configure-mapbox-for-your-pwa-a343/

To display maps into your Progressive Web App (PWA), you need to set an external map service and use an external API access token.
If you've chosen [Mapbox over Google Map](https://www.goodbarber.com/help/display-maps-in-your-pwa-r118/enable-maps-on-your-pwa-a344/) , follow instructions below:

1. Go to [Mapbox](https://www.mapbox.com/signup/) platform to sign up
2. Fill in your details in the form
3. Click "**Get started**"
4. Click the tab "**Access Tokens**"
5. Copy your default public token

![](https://cmsphoto.ww-cdn.com/superstatic/1663330/art/default/28328642-28012568.jpg?v=1644531299.4135168)

6. Go to your back office, menu **Settings > App Settings > External Connections :: Google Maps API Key**
7. Select Mapbox GL in the drop down menu
8. Paste your Default public token
9. Click "**Ok**"

![](https://cmsphoto.ww-cdn.com/superstatic/1663330/art/default/28328642-28012581.jpg?v=1644531299.4502625)

10. Update the settings of your app to integrate your API access token to your PWA.