🎉 USE O CUPOM DESCONTO-FULL | 10% OFF acima de R$ 100,00

Como corrigir o Google Maps Field no ACF PRO (chave de API)

Time Full Services Time Full Services Pro
Tipo Page Builders
Nome do erro Google Maps Field do ACF PRO não carrega EN: ACF PRO Google Maps Field not loading
Severidade Atenção
Descrição O Google Maps Field do ACF PRO exige uma chave de API do Google registrada via filtro acf/fields/google_map/api ou acf_update_setting. Sem ela, o campo mostra um mapa cinza e o console acusa erro da Google Maps JavaScript API.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

Perguntas frequentes

Por que o Google Maps Field do ACF mostra um mapa cinza?
O mapa cinza significa que a Google Maps JavaScript API não conseguiu carregar. Quase sempre a causa e a falta de chave de API valida registrada no ACF ou a Maps JavaScript API desativada no projeto do Google Cloud. Abra o console do navegador para ler a mensagem de erro exata.
Como adiciono a chave de API do Google Maps no ACF PRO?
Use o filtro acf/fields/google_map/api ou a função acf_update_setting com google_api_key dentro de um hook acf/init. Coloque o código no functions.php do tema filho ou em um plugin de snippets, trocando o valor pela sua chave real gerada no Google Cloud Console.
Quais APIs do Google preciso habilitar para o campo funcionar?
Três APIs são exigidas: Maps JavaScript API para desenhar o mapa, Geocoding API para converter endereco em coordenadas e Places API para o autocomplete de endereco. Em projetos criados após marco de 2025, ative também a Legacy Places API.
O que significa o erro ApiNotActivatedMapError?
Esse erro no console indica que a chave existe, mas a Maps JavaScript API não esta habilitada no projeto do Google Cloud. Abra a biblioteca de APIs, procure por Maps JavaScript API e clique em Ativar; depois recarregue a tela de edição do post.
Preciso ativar faturamento no Google Cloud para o mapa do ACF aparecer?
Sim. Desde 2018 a Google Maps Platform exige uma conta de faturamento vinculada ao projeto, mesmo dentro da cota gratuita mensal. Sem faturamento ativo a chave e recusada e o console acusa BillingNotEnabledMapError.
O mapa funciona no staging mas some em producao, por que?
A chave tem restricao de referenciador HTTP apenas para o domínio de staging. Edite a chave em Credenciais, adicione o domínio de producao a lista de referenciadores HTTP e aguarde alguns minutos para a alteração propagar.
A busca de endereco não sugere nada, o que falta?
O autocomplete depende da Places API. Habilite a Places API e, em projetos novos, a Legacy Places API no Google Cloud. Confirme também que a Geocoding API esta ativa, pois ela converte o endereco escolhido em latitude e longitude para salvar.

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.

Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes