Correção: esta página não carrega o Google Maps corretamente

O Google Maps é um serviço de mapeamento baseado na web que fornece regiões geográficas e mapas de estradas para qualquer lugar do mundo. No entanto, alguns proprietários de sites estão recebendo o erro “ Esta página não carrega o Google Maps corretamente ”Em vez de carregar o mapa do Google. Este erro também pode ser mostrado como “ Esta página não carregou o Google Maps corretamente. Consulte o console JavaScript para obter detalhes técnicos ”.

Ops! Algo deu errado - Esta página não carregou o Google Maps corretamente

Nota: Esta solução é direcionada a proprietários de sites e não ao usuário convencional.

O que faz com que o Google Maps não carregue corretamente?

Mapa do Google Os plug-ins funcionariam muito bem sem erros, mas as coisas mudaram nos últimos anos quando o Google mudou suas regras para sites com mapas incorporados. Os proprietários de sites podiam fazer isso funcionar apenas usando o código incorporado, mas agora eles exigem a chave API para que o Google Map funcione corretamente. Se você já adicionou a chave de API, pode visualizar a guia ‘Inspecionar elemento -> Console’ no Chrome para ver o motivo exato pelo qual o Google não está permitindo mapas em seu site. Isso pode ser devido a uma chave incorreta, chave restrita etc.

Adicione a chave de API do Google às configurações do seu site

Para fazer o Google Map funcionar em seu projeto ou site, você precisa criar a chave API do Google e adicioná-la às configurações do seu site. Você precisa fazer login no Google Developers para criar a chave e solucionar quaisquer outros erros.

Se você inseriu manualmente o script para mapas, ele deve ser o seguinte com sua chave de API no lugar de YOUR_API_KEY

  assíncrono adiar src='https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'tipo='text / javascript'>

Como o WordPress é o CMS mais popular que existe, com mais de 172 milhões de sites usando-o; vamos demonstrar as etapas apenas para WordPress.

1. Vá para as configurações do plug-in, o que você estiver usando para o Google Maps e deve haver uma opção para adicionar a chave API. Se não tiver, você provavelmente está usando uma versão mais antiga de um plug-in ou um plug-in desatualizado.

   Plug-ins de API do Google no WordPress

2. Mantenha as configurações abertas para a chave API em seu Site WordPress .
3. Vamos para Cloud Resource Manager do Google
4. Faça login no Google se ainda não estiver conectado
5. Clique em “ Criar Projeto ”, Nomeie o projeto e clique em“ Crio '

   Criando um Projeto

6. Vamos para API de ativação do Google página da web.
7. Clique em “ Selecione um projeto ”Na parte superior, selecione o novo projeto que você acabou de criar e Continuar
8. Pressione ' Habilitar APIs e serviços '
9. Procurar por ' API JavaScript do Maps ”E abra-o
10. Em seguida, pressione o botão “ Habilitar ”Botão

    Ativando a API para o projeto

11. Clique no menu de navegação e selecione “ APIs e serviços ' e vai para ' Credenciais '
12. Clique no menu suspenso Criar credenciais e selecione “ Chave API '
    Nota : Você pode torná-lo uma chave restrita para evitar o uso não autorizado, se desejar
13. Clique em “ Fechar ”Então clique na chave criada
14. Selecione “ Referenciadores HTTP ”Nas restrições de aplicativos
15. Adicione o URL do seu site e clique em “ Salve  '
16. Agora copie a chave e volte para o site WordPress

    Criação da chave API para o site

17. Role para baixo do painel esquerdo e vá para “ Configurações '
18. Você encontrará uma opção para “ CHAVE API do Google ”, Abra e cole a chave lá.
19. Salve as configurações, vá para sua página e atualize-a.

Nota: Certifique-se de que seu faturamento foi habilitado porque o Google permite apenas 300 $ em crédito ou 12 meses de uso gratuito (o que diminuir mais rápido). Depois disso, o faturamento precisa ser configurado e implementado.