Erro no Mapa das Lojas PrestaShop API KEY

google_map_erro_api_keyTive um problema esta semana ao configurar um loja virtual da PrestaShop versão 1.6.1.6, o erro era no mapa da loja.
Eu havia configurado tudo corretamente porém aparecia a seguinte mensagem: “Oops! Algo deu errado. Esta página não carregou o Google Maps corretamente. Veja o console JavaScript para detalhes técnicos.” a partir dai comecei a fazer uma série de buscas para solucionar o problema, cheguei até pensar que era um erro da versão, visto que eu já havia configurado centenas de outras lojas da PrestaShop e nunca tinha tido este problema. Após muita procura já de cabeça quente, consegui descobrir o que estava ocasionando este erro.

Pois bem, por incrível que pareça, não havia erro algum. Esta mensagem apareceu por causa de mudanças no fornecimento do API KEY pelo Google. Segue nota publicada pelo Google em seu blog:

Onze anos depois de um desenvolvedor primeira engenharia reversa um mapa do Google, existem mais de três milhões de aplicativos e sites que geram milhares de milhões de pedidos diariamente informou-localização, todos Powered by Google Maps API. De unicórnios para projectos paixão para o serviço público , o poder de mapas e dados de localização são limitadas apenas pela criatividade de desenvolvedores. A paisagem Internet alterou drasticamente a partir de desktops para dispositivos móveis, na última década, e, como resultado, os nossos serviços têm evoluído para atender as necessidades de nossos desenvolvedores e seus usuários. Mais dispositivos significa exponencialmente mais pedidos, e centenas de milhões de usuários globais vêm apenas online. Portanto, hoje estamos anunciando algumas atualizações para trazer mais simplicidade e coerência aos nossos limites plano padrão e preço . A partir de 22 de junho de 2016 que estamos a fazer as seguintes alterações no Plano Standard APIs do Google Maps:

  1. Nós já não suportam acesso sem chave (qualquer pedido que não inclui uma chave de API). Futuras atualizações de produtos só estão disponíveis para as solicitações feitas com uma chave de API .Chaves de API nos permitem entrar em contato com os desenvolvedores quando necessário e nos ajudar a identificar as implementações se comportando mal.
  2. Temos implementado um simples 25.000 carregamentos de mapa por limite de dia livre a nova API do Google Maps JavaScript, Static Maps API e Street View implementações Imagem API. O período de carência de 90 dias corridos confuso para essas APIs está sendo aposentado em 12 de Outubro de 2016. Com esta mudança, os desenvolvedores podem previsivelmente planejar o crescimento, enquanto sites de mídia e organizações sem fins lucrativos dos EUA podem pedir mais quota, sem custo através dos nossos programas de apoio dedicados .
  3. Nós reduzimos o mapa diária limite máximo de carga você pode comprar para o Google Maps JavaScript API, Static Maps API, e Street View API Imagem de 1.000.000 a 100.000 solicitações por API. * Nós acreditamos que os desenvolvedores de maior volume são melhor servidos com uma licença Plano premium , que inclui suporte técnico e um Acordo de Nível de Serviço, e com esta mudança também criamos a coerência entre as quotas plano padrão em todas as nossas mapas e APIs de serviços web.
  4. Temos agora contam Google Maps JavaScript API pedidos do lado do cliente em relação ao limite diário do serviço Web API associado. *

As novas políticas serão aplicadas imediatamente para todas as implementações de API do Google Maps criados em ou após 22 de junho de 2016. As aplicações existentes foram adquiridos com base em seu uso atual para garantir que eles continuem a funcionar, tanto agora como no futuro. Nós também será proativamente entrar em contato com todos os usuários-chave API existentes que, com base em padrões de crescimento de uso, podem ser afetadas no futuro. Se você é um usuário existente, por favor, tome o tempo para ler a nossa Atualização Política de resumo Plano Standard para obter detalhes sobre como cada uma dessas mudanças pode afetar sua implementação. Postado por Ken Hoetmer, Gerente de Produto, APIs do Google Maps * Exceções podem ser aplicadas para implementações que foram superiores a novas cotas anteriores a 22 de junho de 2016.

FONTE: http://googlegeodevelopers.blogspot.com.br/2016/06/building-for-scale-updates-to-google.html

Ai diz tudo o resultado de bendito erro. Mas E AGORA? o que devo fazer?

Vamos lá! Tudo muito simples…

Você deverá acessar Google Developers no link: https://console.developers.google.com/apis/library

Após acessar o Google Developers, você deverá criar uma nova Chave API, siga as instruções:

Na sessão “Biblioteca” busque por “APIs do Google Maps” e clique em “Google Maps JavaScript API”.
Você deverá agora criar um projeto, clique em “Criar projeto” -> “Criar um projeto”, depois de um nome para seu projeto, e clique em “criar”. Aguarde o carregamento da página, e clique em “Ativar”.

Assim que ativado, clique em “Ir para credenciais”, determine onde você chamará a API “Navegador da Web(Javascript)” -> clique em “Preciso de quais credenciais?”, nomeie a chave e clique em “Criar chave de API”.

Pronto sua API KEY está criada! Veja um exemplo:

API KEY

 

Agora temos que adicionar esta chave ao script da loja PrestaShop.

Encontre o arquivo dentro da raiz do site:

/controllers/front/StoresController.php

A parte a ser alterada você deve encontrar em algum lugar em torno da linha 289.

$this->addJS(‘http’.((Configuration::get(‘PS_SSL_ENABLED’) && Configuration::get(‘PS_SSL_ENABLED_EVERYWHERE’)) ? ‘s’ : ”).’://maps.google.com/maps/api/js?key=POjjo83h3h379020323Hp7sY9bHB6U&sensor=true&region=‘.substr($default_country->iso_code, 0, 2));

Substitua o texto tachado em laranja por sua chave API. A palavra “Key=” e a letra “&” tachado em azul, não está no script e nem em sua chave, mais você deve acrescenta-los, quanto ao texto em verde, você deve substituir seu texto original caso esteja diferente deste: “sensor=true&region=

Você pode baixar o meu script já alterado AQUI. Lembrando que a verão de minha loja é 1.6.1.6 e também eu alterei a minha chave original, você deverá seguir os passos acima para adquirir a sua.

 

Não deixe de comentar o que você achou deste artigo, para que outras pessoas possam saber de sua experiencia. E claro, dê um like em nossa fanpag do Facebook nos links abaixo.

Categorias: PrestaShop,WebMaster

Etiquetas: ,,