Passo 1: Acessando o Console da Google Cloud Platform
O primeiro passo é acessar o ambiente onde você gerenciará seus projetos e chaves de API.
Acesse o Google Cloud Platform: abra seu navegador e acesse o Google Cloud Platform Console.
Login: faça login com sua Conta do Google. Se você não tiver uma, será necessário criá-la.
Passo 2: Criando ou Selecionando um Projeto
As chaves de API são vinculadas a projetos específicos. Você pode criar um novo projeto para o seu mapa ou utilizar um já existente.
Seleção de Projeto: no canto superior esquerdo da página, clique no seletor de projetos (geralmente ao lado do logo do Google Cloud Platform).
Novo Projeto: na janela que se abre, clique em Novo projeto.
Nome do Projeto: dê um nome descritivo para o seu projeto, por exemplo, Mapa de Empresas do Meu Site, e clique em Criar.
Passo 3: Ativando a API do Google Maps para JavaScript
Para que sua chave de API funcione com o mapa em seu site, você precisa ativar a API específica para isso.
Navegue até a Biblioteca de APIs: no menu de navegação à esquerda, vá para APIs e serviços e depois em Biblioteca.
Pesquise pela API: no campo de busca, digite Maps JavaScript API e pressione Enter.
Ative a API: clique no resultado Maps JavaScript API e, na página seguinte, clique no botão Ativar.
Observação: pode ser necessário que você configure uma conta de faturamento. A Google Maps Platform oferece um nível de uso gratuito generoso, mas é um requisito para utilizar as APIs.
Passo 4: Ativar a Places API no seu Projeto
A biblioteca Places do JavaScript faz chamadas para uma API separada em segundo plano. Você precisa ativá-la no seu projeto.
Acesse o Console do Google Cloud.
Selecione o mesmo projeto que você usou para criar sua chave de API.
No menu de navegação à esquerda, vá para APIs e Serviços > Biblioteca.
No campo de busca, digite Places API e pressione Enter.
Clique em Places API nos resultados da busca.
Clique no botão Ativar.
Passo 5: Gerando a sua Chave de API
Agora que o projeto está configurado e a API ativada, é hora de criar a chave.
Acesse as Credenciais: no menu de navegação à esquerda, vá para "APIs e serviços" e clique em Credenciais.
Crie uma Nova Credencial: na parte superior da página, clique em + CRIAR CREDENCIAIS e selecione Chave de API.
Copie sua Chave: uma janela pop-up aparecerá exibindo sua nova chave de API. Copie esta chave e guarde-a em um local seguro. Você precisará nos informar esta chave.
Passo 6: Restringindo sua Chave de API (Passo Crucial de Segurança)
Para evitar que outras pessoas utilizem sua chave de API e gerem custos em sua conta, é fundamental restringir seu uso apenas ao seu site.
Edite a Chave de API: na lista de chaves de API na página de Credenciais, clique no nome da chave que você acabou de criar (ou no ícone de lápis para editar).
Restrições de Aplicativo: na seção Restrições de aplicativo, selecione a opção Sites.
Adicione os Referenciadores HTTP: Clique em ADICIONAR na seção Restrições de site. Você deve adicionar as URLs do seu site. É uma boa prática adicionar variações para cobrir todos os acessos:
seusite.com.br/* (para o domínio principal)
*.seusite.com/* (para cobrir subdomínios como www)
Substitua seusite.com pelo domínio real do seu site. O /* no final garante que a chave funcione em todas as páginas do seu site.
Restrições de API (Opcional, mas Recomendado): na seção Restrições de API, selecione Restringir chave. No menu suspenso, marque Maps JavaScript API e Places API. Isso garante que sua chave só possa ser usada para esta API específica.
Salve as Alterações: clique em Salvar.
Realizado todos estes passos, nos encaminhe por e-mail a chave de API gerada. O próximo passo será implementarmos esta chave na sua loja, para garantir o funcionamento correto do mapa no seu site.
Não esqueça de deixar seu feedback para sabermos se deu tudo certo!
Basta clicar nas carinhas abaixo.