---
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/afficher-des-cartes-dans-la-pwa-r118/configurer-mapbox-pour-votre-pwa-a343/"
lang: fr
---

# Configurer Mapbox pour votre PWA

Source: https://fr.goodbarber.com/help/afficher-des-cartes-dans-la-pwa-r118/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/afficher-des-cartes-dans-la-pwa-r118/activer-les-cartes-sur-votre-pwa-a344/) , suivez les instructions ci dessous :

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/28328643-28010685.jpg?v=1644500460.941173)

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**"

6. Sur votre back office, rendez vous dans le menu **Paramètres > Paramètres de l'app > "Connexions externes :: Google maps API key "**
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/1682490/art/default/28328643-28024467.jpg?v=1644500460.9826872)

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