O Google Maps é um serviço de mapeamento baseado na web que fornece regiões geográficas e mapas de estradas de qualquer parte do mundo. Porém, alguns proprietários de sites estão recebendo o erro »Esta página não pode carregar o Google Maps corretamente» em vez de carregar o Google Maps. Este erro também pode ser exibido como »Esta página não carregou o Google Maps corretamente. Veja o console JavaScript para detalhes técnicos «.
UPS! Algo deu errado. Esta página não carregou o Google Maps corretamente.
Observação: esta solução é destinada a proprietários de sites e não ao usuário convencional.
O que faz com que o Google Maps não carregue corretamente?
Os plug-ins do Google Maps funcionariam perfeitamente 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 podem fazer com que isso funcione mais cedo apenas incorporando o código, mas agora eles exigem a chave API para o Google Map funcionar corretamente. Se você já adicionou a chave API, você pode ver a guia “Inspecionar elemento -> Console” no Chrome para ver o motivo exato pelo qual o Google não está permitindo que o Google Maps esteja em seu site. Isso pode ser devido a uma senha incorreta, a senha é 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 uma chave de API do Google e adicioná-la às configurações do seu site. Você deve acessar os desenvolvedores do Google para criar a chave e corrigir quaisquer outros erros.
Se você inseriu manualmente o script para os mapas, então deve ser o seguinte com sua chave de API em vez de TU_API_KEY
asyncdefersrc ="https://maps.googleapis.com/maps/api/js?chave = YOUR_API_KEY&callback = initMap" tipo ="text / javascript">
Como o WordPress é o CMS mais popular que existe, mais do que 172 milhões de sites que o usam; vamos demonstrar as etapas apenas para WordPress.
-
Vá para as configurações do plugin, o que você está usando para o Google Maps e deve ter uma opção para adicionar a chave de API. Se você não tem, 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 -
Mantenha as configurações da chave de API abertas em seu site WordPress.
-
Vá para o Google Cloud Resource Manager
-
Acesse o Google se ainda não tiver feito login
-
Clique em »Criar um projeto«, Dê um nome ao projeto e clique em »Criar».
Crie um projeto -
Vá para o site do Google “Ative a API”.
-
Clique em »Selecione um projeto» no topo, em seguida, selecione o novo projeto que você acabou de criar e continue
-
Pressione »Ativar API e serviços«
-
Pesquise »Maps JavaScript API» e abra-o.
-
Em seguida, pressione o botão »Ativar»
Ativando a API para o projeto -
Clique no menu de navegação, selecione »API e serviços» e vá para »Credenciais«
-
Clique no menu suspenso Criar credenciais e selecione “Chave API”
Observação: você pode criar uma chave de restrição para evitar o uso não autorizado, se quiser
-
Clique em »Fechar» e, a seguir, clique na chave criada
-
Selecione »HTTP References» em Application Restrictions.
-
Adicione o URL do seu site e clique em “Guarda”
-
Agora copie a chave e volte para o site WordPress.
Criação da chave API para o site -
Role para baixo no painel esquerdo e vá para »Configurações«
-
Você encontrará uma opção para »Google API KEY«, abra e cole a chave lá.
-
Salve a configuração, vá para sua página e atualize-a.
Observação: certifique-se de que seu faturamento esteja ativado porque o Google só permite $ 300 de crédito o 12 meses de uso grátis (o que diminuir mais rápido). Depois disso, o faturamento deve ser configurado e implementado.
