Blog
Otimize a presença da sua empresa online com nosso blog especializado em desenvolvimento web e insights valiosos sobre as tendências mais recentes.
losangulo riscas pontos cruz

O Google Maps deixou de funcionar no seu site? Veja o que mudou e como resolver

Nos últimos meses, muitos websites deixaram de mostrar corretamente os mapas do Google, surgindo com mensagens como “For development purposes only”, erros de carregamento ou fundos em branco.
Isto acontece porque o Google alterou as regras de utilização do Google Maps, exigindo configurações mais rigorosas e, em muitos casos, deixou mesmo de ser gratuito.

Neste artigo explicamos:

  • O que mudou.
  • Que tipo de integração pode continuar gratuita.
  • O que é necessário fazer para garantir que o mapa funciona como deve ser.

O que mudou no Google Maps?

Desde 2018, e de forma mais rigorosa nos últimos dois anos, o Google passou a exigir:

  • Utilização de uma API Key válida.
  • Associação obrigatória de um método de pagamento.
  • Ativação manual das APIs que pretende utilizar.
  • Definição de limites de faturação, se quiser evitar custos inesperados.

Ou seja: o Google Maps continua a ter uma versão gratuita, mas obriga a configurar tudo corretamente — mesmo que nunca venha a pagar nada.

 

O que está a causar o erro no seu site?

Se o mapa do seu site:

  • Não carrega de todo.
  • Aparece com fundo cinzento.
  • Mostra o aviso “For development purposes only”.
  • Surge com mensagens de erro na consola do browser.

... então é provável que esteja a usar:

  • Uma API Key inválida ou ausente.
  • Uma conta Google sem faturação ativa.
  • Um plugin ou integração desatualizada, no caso de WordPress ou CMS similares.

 

Existe alguma forma de usar o Google Maps sem API Key?

Sim — e esta parte é muitas vezes esquecida.

Pode usar o modo embed com iframe

Se só quiser mostrar um mapa simples com a localização de um local, pode usar o código incorporado diretamente do site do Google Maps. Neste modo:

  • Não precisa de API Key.
  • Não precisa de faturação.
  • É gratuito e estável para usos básicos.

Como obter o iframe:

  1. Aceda a maps.google.com.
  2. Pesquise o local desejado.
  3. Clique em "Partilhar" > "Incorporar um mapa".
  4. Copie o código HTML (iframe) e cole no seu site.

Ideal para páginas de contacto, localizações únicas ou soluções rápidas.

Atenção: este modo não permite personalizações, nem múltiplos marcadores, nem interações com outros dados. É uma solução simples e direta.

 

Quando é que precisa mesmo de usar a API Key?

Se quiser algo mais avançado, como:

  • Personalizar o aspeto do mapa (cores, ícones, zoom).
  • Mostrar vários marcadores ou localizações.
  • Gerar direções com base na posição do utilizador.
  • Usar dados de trânsito, distâncias ou localização dinâmica.
  • Integrar com outros sistemas (CRM, reservas, loja, etc.).

... neste caso vai precisar de usar a API Key com faturação ativa.

 

Como configurar corretamente a API Key (passo a passo)

Se optar por usar a versão com API Key, siga estes passos:

  1. Criar um projeto no Google Cloud Platform:
  2. Ativar a API necessária (ex: Maps JavaScript API):
    • Menu lateral > APIs & Services > Library.
    • Procure pela API e clique em "Ativar".

  3. Criar a API Key:
    • Menu > APIs & Services > Credentials > Create Credentials > API Key.
    • Copie a chave gerada.

  4. Restringir o uso da chave (segurança):
    • Restringir por domínio (ex: www.seusite.com).
    • Restringir por tipo de API usada.

  5. Adicionar um método de pagamento:
    • Mesmo que não ultrapasse o uso gratuito, é obrigatório adicionar um cartão de crédito válido.
    • A conta recebe 200 USD/mês de crédito gratuito, suficientes para milhares de carregamentos mensais.

  6. Substituir a chave no seu site:
    • Inserir diretamente no código.
    • Ou usar o campo específico no tema/plugin (em WordPress, por exemplo).

E se o seu site for WordPress?

Muitos plugins antigos deixaram de ser compatíveis com a nova política da Google. Pode ser necessário:

  • Atualizar o plugin ou tema.
  • Substituí-lo por uma versão mais moderna.
  • Verificar se o campo da API Key está corretamente preenchido.
  • Confirmar se a API está ativada no Google Cloud.

Em muitos casos, vale mais a pena recorrer a uma equipa técnica que faça a integração com segurança.

 

Posso ter custos inesperados?

O Google oferece 200 USD/mês por conta, o que cobre:

  • 10.000 carregamentos de mapas estáticos.
  • 10.000 carregamentos de mapas dinâmicos.

Se ultrapassar estes valores, o Google começa a cobrar. Pode definir limites de consumo e alertas no painel de faturação da Google Cloud para evitar surpresas.

 

Existem alternativas ao Google Maps?

Sim. Cada vez mais projetos estão a adotar soluções alternativas, como:

  • OpenStreetMap (open source, gratuito).
  • Mapbox (moderno, com plano gratuito).
  • Leaflet.js (biblioteca para usar mapas open source com tiles externos).

São boas opções para quem quer mais controlo sobre custos ou autonomia em relação à Google mas podem ser mais complicadas de implementar e terem menos suporte.

 

Conclusão

O Google Maps continua a ser uma ferramenta poderosa, mas já não é tão plug & play como antes. Se quer usar mapas personalizados, com interatividade ou múltiplos dados, precisa de configurar tudo corretamente com uma API Key e faturação.

Se, por outro lado, só precisa de mostrar uma localização simples, o modo embed via iframe continua gratuito e prático.

 

Precisa de ajuda para configurar o seu Google Maps?

Tratamos da configuração completa da API, integração com o seu site, segurança e controlo de custos. Também podemos sugerir alternativas se quiser deixar de depender da Google. Tratamos de tudo por si — sem complicações.

Fale Connosco

Outros Artigos
Voltar
Contacte-nos Contacte-nos