---
title: "Configurar o Mapbox para o seu PWA"
description: "Para exibir mapas no seu Progressive Web App (PWA), você precisa definir um serviço de mapa externo e usar um token de acesso de API externo. Se você escolheu"
canonical_url: "https://pt.goodbarber.com/help/shop/exibir-mapas-no-pwa-r137/configurar-o-mapbox-para-o-seu-pwa-a343/"
lang: pt
---

# Configurar o Mapbox para o seu PWA

Source: https://pt.goodbarber.com/help/shop/exibir-mapas-no-pwa-r137/configurar-o-mapbox-para-o-seu-pwa-a343/

Para exibir mapas no seu Progressive Web App (PWA), você precisa definir um serviço de mapa externo e usar um token de acesso de API externo.
Se você escolheu o [Mapbox sobre o Google Map](https://pt.goodbarber.com/help/shop/exibir-mapas-no-pwa-r137/ativar-mapas-no-seu-pwa-a344/) siga as instruções abaixo:

1. Acesse a plataforma [Mapbox](https://www.mapbox.com/signup/) para se inscrever
2. Preencha os seus dados no formulário
3. Clique em "**Get Started**"
4. Clique na aba "**Access Tokens**"
5. Copie seu token público padrão

![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/34458528-31506082.jpg?v=1782464959.4671814)

6. Acesse o seu back office, menu Configurações > "Conexões externas"
7. Selecione Mapbox GL no menu suspenso
8. Cole seu token público padrão
9. Clique em "**Ok**"

![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/34458528-31506083.jpg?v=1782464959.4791815)

10. Atualize as configurações do seu aplicativo para integrar seu token de acesso à API ao seu PWA.