Para exibir mapas no seu Progressive Web App (PWA), você precisa de um serviço de mapas externo. Você pode escolher entre a Google Maps Platform e o Mapbox .
Os dois serviços são gratuitos até um limite mensal e depois cobrados conforme o uso. Cada um conta do seu jeito:
- Google Maps Platform: desde março de 2025, cada serviço tem o seu próprio limite gratuito mensal (10.000 carregamentos de mapa, 10.000 imagens de mapa estáticas e 10.000 buscas de endereço na tabela de preços global). O antigo crédito mensal de US$ 200 não existe mais. Uma conta de faturamento é obrigatória, mesmo dentro desses limites. Veja os preços da Google Maps Platform .
- Mapbox: 50.000 carregamentos de mapa por mês são gratuitos depois que um método de pagamento é adicionado à sua conta Mapbox. Sem método de pagamento, a conta fica limitada a 5.000 carregamentos de mapa por mês, e o Mapbox pode cortar o acesso aos mapas quando esse limite é atingido. Veja os preços do Mapbox .
Com os dois serviços, cada mapa exibido no seu PWA conta como um carregamento. Mover ou dar zoom nesse mapa não é contado de novo.
Para configurar o Mapbox, siga esta ajuda online:
Configurar o Mapbox para o seu PWA
Para configurar o Google Maps, siga esta ajuda online:
Configurar o Google Maps para o seu PWA
Os dois serviços são gratuitos até um limite mensal e depois cobrados conforme o uso. Cada um conta do seu jeito:
- Google Maps Platform: desde março de 2025, cada serviço tem o seu próprio limite gratuito mensal (10.000 carregamentos de mapa, 10.000 imagens de mapa estáticas e 10.000 buscas de endereço na tabela de preços global). O antigo crédito mensal de US$ 200 não existe mais. Uma conta de faturamento é obrigatória, mesmo dentro desses limites. Veja os preços da Google Maps Platform .
- Mapbox: 50.000 carregamentos de mapa por mês são gratuitos depois que um método de pagamento é adicionado à sua conta Mapbox. Sem método de pagamento, a conta fica limitada a 5.000 carregamentos de mapa por mês, e o Mapbox pode cortar o acesso aos mapas quando esse limite é atingido. Veja os preços do Mapbox .
Com os dois serviços, cada mapa exibido no seu PWA conta como um carregamento. Mover ou dar zoom nesse mapa não é contado de novo.
Para configurar o Mapbox, siga esta ajuda online:
Configurar o Mapbox para o seu PWA
Para configurar o Google Maps, siga esta ajuda online:
Configurar o Google Maps para o seu PWA
