Erro Google Maps - Esta página não carregou o Google Maps corretamente. Consulte o console javascript para ver detalhes técnicos

Esta página não carregou o Google Maps corretamente. Consulte o console javascript para ver detalhes técnicos  

Muitos usuários tem relatado em fóruns da internet que seus mapas pararam de funcionar em seus sites e sistemas, veja o motivo:

O Google começou a implementar um sistema de API_KEY para que se possa utilizar seus mapas em sites externos. Portanto, para utilizar os mapas em seus próprios sites, é necessário criar uma API_KEY e modificar um pouquinho a URL de acesso.

Mas calma, não precisa se preocupar. Resolver isto, é bem simples (acredite). Então, vamos lá:

- Primeiro de tudo, acesse o endereço (https://developers.google.com/maps/documentation/javascript/). Com a página aberta, clique no botão "OBTER UMA CHAVE" localizado no topo superior direito (conforme pode ser visto na imagem abaixo):


- Assim que clicar no botão, se não estiver logado em sua conta Google, será solicitado o login e senha. Feito isto, uma janela será exibida pedindo para selecionar ou criar um projeto. Caso não tenha nenhum projeto, crie um ou escolha um já existente. Por fim, clique em "ENABLE API".

- Pronto! Uma janela será exibida com seu código API.




Após isto, basta acessar o código fonte de sua página e localizar a linha: maps.googleapis.com/maps/api/js e substituir por:

https://maps.googleapis.com/maps/api/js?key=SUA_CHAVE_API (lembre-se de alterar o SUA_CHAVE_API para a API KEY que acabou de criar).

 

Se preferir, segue abaixo o código completo do script para exibição do Google Maps:

<script src="https://maps.googleapis.com/maps/api/js?key=SUA_CHAVE_API" type="text/javascript"></script>

Ah, se você estiver utilizando um tema já pronto (comprado na internet por exemplo), você terá que localizar dentro dele onde fica o link para a biblioteca do Google Maps que utiliza este endereço: maps.googleapis.com/maps/api/js

  • 21790 Usuários acharam útil
Esta resposta lhe foi útil?

Related Articles

Google Dashboard: um painel com todos os serviços

Ultimamente, além de inovar trazendo novos serviços online em nuvens — como o Google Wave — a...

Criando propriedade no Google Webmaster Tools e gerar o código de verificação

Para utilizar as diversas ferramentas do Google, como o Google Analytics por exemplo, é...

Como melhorar o posicionamento no Google e em outros buscadores?

Chamados de sites de busca, mecanismos de busca, sistemas de busca, motores de busca,...

Criando uma chave API do YouTube

A API de Dados do YouTube (YouTube Data API) permite aos desenvolvedores criarem aplicações...

Como adicionar um email apenas para visualizar as estatísticas do meu Google Analytics?

Configurações de compartilhamento de dados Há várias configurações de compartilhamento de dados...