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

Fix This Page Can T Load Google Maps Correctly

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.

2 minutos lidos