Neste artigo, você encontrará os passos necessários para que o Google Maps e os Resultados Próximos funcionem corretamente no eDirectory:
1- Criando/selecionando um projeto no Google API Console
1.1. Enquanto logado com sua conta do Google, acesse o Google Cloud Platform's API Console
1.2. Selecione ou crie um projeto
1.3. Se você já possui um projeto criado, pule para o passo 2- Ativando Geocoding API e Maps JavaScript API.
1.4. Se você ainda não possui um projeto, clique em "Novo Projeto"
1.5. Insira o nome e o local do seu projeto. Clique em "Criar"
1.6. Agora, selecione o projeto que deseja e clique em "Abrir".
2- Ativando Geocoding API e Maps JavaScript API
2.1. Clique em "Biblioteca"
2.2. Selecione a categoria de "Mapas"
2.3. Clique em Geocoding API e Maps JavaScrip API ou faça uma busca na barra de pesquisa:
2.4. Clique em "Ativar" para ambos
Atenção: Provavelmente, após clicar em "Ativar", o Google solicitará que você crie uma conta de faturamento no seu projeto do Google maps. Este é um passo necessário para mostrar o mapa no seu site eDirectory.
3- Criando a chave de API do Google Maps
3.1. Retorne à página anterior, clique no botão do menu e na opção "APIs e serviços":
3.2. Clique em Credenciais > Criar Credenciais > Chave de API
3.3. Na tela seguinte, clique em "Edite a chave de API"
3.4. Na página de configuração do Google Maps, preencha com as informações requisitadas:
1- Nome: Você pode dar o nome de "Google maps"
2- Restrições de chave: Selecione a opção "websites"
3- Restrições de sites : neste campo, adicione as seguintes URLs do seu site:
Atenção: Substitua "teste" pela URL do seu site.
Atenção: Para configurar o Google Maps, primeiro é necessário ter um domínio (URL) conectada ao seu site. Se gostaria de efetuar a mudança de domínio do seu site, entre em contato com nosso time pelo e-mail: support@edirectory.com
4- Restrições da API: Neste campo, selecione as seguintes chaves de API e clique em "Salvar":
Geocoding API;
Maps JavasScript API
Atenção: Se não conseguir encontrar as APIs Geocoding API e Maps Javascript API na lista de APIs para selecionar, por favor, siga as instruções do passo 2-Ativando Geocoding API e Maps JavaScript API deste artigo.Estas APIs precisam ser ativados conforme as instruções do passo 2. Assim que estiverem ativadas, elas serão mostradas nesta lista.
3.5. Você será redirecionado para a seguinte página. Copie o código da chave ao clicar em "Exibir chave", quando uma tela pop-up aparecer, clique no botão para copiar a chave como indicado nas imagens abaixo:
3.6. Após copiar a chave de API, vá para Configurações →Integrações com Google → Google Maps, cole a chave de API neste campo e cheque a caixa para ativá-lo.
Atenção: Após estes passos, o Google Maps já está configurado corretamente. Se mesmo assim, ele ainda não aparecer, é devido ao fato de que o Google requer que os clientes criem uma conta de faturamento para o projeto do Google maps no site. Aqui está um artigo de como configurar: Como habilitar o faturamento para o Google Maps
Como saber se a chave está funcionando? 1. Na área de administrador, clique em Configurações > Informações Básicas, insira um endereço no campo correspondente e clique fora do campo. Se o mapa for carregado abaixo do formulário, sua chave de API está configurada corretamente.
2. O erro mais comum é não ativar o Faturamento no projeto Google. Por favor, cheque o passo 5 deste artigo ou este artigo para instruções: Como habilitar o faturamento para o Google Maps Atenção: Se sua chave API foi configurada após a criação de anúncio, será necessário editar o anúncio, clicando dentro e fora do campo de endereço para que o mapa seja carregado. Também é possível apenas inserir o endereço novamente. Se houver alguma dúvida, entre em contato através do e-mail support@edirectory.com.
4- Criando uma chave de API para a ativação dos Resultados Próximos
Se você não pretende usar a funcionalidade de Resultados Próximos, pule esta etapa.
4.1. No painel de APIs e Serviços, clique em Credenciais > Criar Credenciais > Chave de API
4.2. Na tela seguinte, clique em "Editar chave de API"
4.3. Na página de configuração, preencha com as informações requisitadas:
Nome: Você pode dar o nome de "Resultados próximos"
Restrições de aplicativo: Selecione a opção "Endereços IP (servidores da web, cron jobs, etc)"
Se seu site está hospedado em um dos nossos servidores compartilhados, insira os seguintes IPs:
52.52.23.74
52.9.39.107
54.194.207.47
Restrições da API: ative "Restringir chave" e selecione ambas as opções ativadas anteriormente no passo 2 deste artigo: "Geocoding API" e "Maps JavaScript API". Depois, clique em Salvar.
4.4. Você será redirecionado para a seguinte página. Copie o código da chave clicando no ícone "Copiar chave de API" e volte ao seu eDirectory.
4.5. Na seção do site manager Configurações > Idioma & Localidades > Identificação De Localização Do Visitante & Resultados Próximos, insira a chave de API do Google (Chave Do Servidor) e clique em "Salvar alterações".
5- Ativando o Google Maps/Inserindo um cartão de crédito no projeto do Google
Agora, um cartão de crédito deve ser associado ao projeto do Google para que o Google Maps funcione corretamente. O Google apenas cobrará por tráfegos significativos, mas associar o cartão para ativar o Faturamento é obrigatório.
Informações sobre cobranças e preços podem ser encontradas em Faturamento da Plataforma Google Maps e Preços e Planos.
5.1. Acesse o Google API Console usando a mesma conta Google usada na criação da chave de API
5.2. Encontre seu projeto para ter certeza que o Faturamento será ativado no projeto correto do Google
5.3. Selecione seu Projeto
5.4. Abra o menu lateral e clique em Faturamento
5.5. Selecione "Vincular conta de faturamento"
5.6. Você poderá escolher entre uma conta de faturamento já existente ou criar uma nova
Após clicar para criar uma conta de faturamento, o Google requisitará suas informações pessoais e também uma verificação. Preencha todas as informações pedidas e após isso, a API do Google maps e de Resultados próximos funcionarão corretamente.