---
title: "Configurer Mapbox pour votre PWA"
description: "Pour afficher les cartes sur votre Progressive Web App (PWA), vous devez paramétrer un service externe de carte et utiliser un token d'accès API externe.  Si vo"
canonical_url: "https://fr.goodbarber.com/help/shop/afficher-des-cartes-dans-la-pwa-r137/configurer-mapbox-pour-votre-pwa-a343/"
lang: fr
---

# Configurer Mapbox pour votre PWA

Source: https://fr.goodbarber.com/help/shop/afficher-des-cartes-dans-la-pwa-r137/configurer-mapbox-pour-votre-pwa-a343/

Pour afficher les cartes sur votre Progressive Web App (PWA), vous devez paramétrer un service externe de carte et utiliser un token d'accès API externe.
Si vous avez choisi [Mapbox plutôt que Google Map](https://fr.goodbarber.com/help/shop/afficher-des-cartes-dans-la-pwa-r137/activer-les-cartes-sur-votre-pwa-a344/) , suivez les instructions ci dessous :

1. Rendez-vous sur la [plateforme Mapbox](https://www.mapbox.com/signup/) pour vous inscrire
2. Remplissez les champs obligatoire du formulaire
3. Cliquez sur "**Get Started**"
4. Cliquez sur l'onglet "**Access Tokens**"
5. Copiez le "**Default public token**"

![](https://cmsphoto.ww-cdn.com/superstatic/1878398/art/default/34457131-31499616.jpg?v=1635323416.6037724)

6. Sur votre back office, rendez vous dans le menu Paramètres > Options de l'app > Paramètres généraux :: Onglet "Connexions externes "
7. Sélectionnez **Mapbox GL** dans le menu déroulant
8. Collez votre default public token
9. cliquez sur "**Ok**"

![](https://cmsphoto.ww-cdn.com/superstatic/1878398/art/default/34457131-31499617.jpg?v=1635323416.6383615)

10. Mettez à jour les settings de votre app pour intégrer le token d'accès API à votre PWA.