---
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/exibir-mapas-no-pwa-r118/configurar-o-mapbox-para-o-seu-pwa-a343/"
lang: pt
---

# Configurar o Mapbox para o seu PWA

Source: https://pt.goodbarber.com/help/exibir-mapas-no-pwa-r118/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/exibir-mapas-no-pwa-r118/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/1138983/art/default/28328731-28026950.jpg?v=1781787932.063675)

6. Acesse o seu back office, menu **Configurações > Configurações do aplicativo > Conexão externa :: Google Maps API Key**
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/1138983/art/default/28328731-28026952.jpg?v=1781787932.071675)

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