A Google exige que cada Aplicativo que utilize Geolocalização e os mapas da Google Maps tenha uma API da Google Maps ativa, aprenda de modo simples como criar esta API.

 

Requisitos:

  • E-mail Gmail
  • Cartão de Crédito Internacional*

*A Google disponibiliza um crédito de renovação anual para uso dos mapas, você será cobrado apenas se ultrapassar o valor do crédito concedido (você será avisado antes da cobrança). Fique tranquilo até este momento nenhum Apper ultrapassou o crédito concedido.

 

 

Quando utilizar um recurso que tenha a função de Mapa ou Localização você poderá se deparar com uma mensagem semelhante a esta:

Isso significa que você ainda não inseriu a API Key (Chave) da Google Maps nas configurações do seu Aplicativo.

Você vai precisar de uma Conta Gmail e um Cartão de Crédito Internacional (mesmo que seja pré pago).

Siga estes passos para criar e inserir sua API Key Google Maps:

Vá para > https://cloud.google.com/maps-platform/

 

 

Na Plataforma da Google Maps Platform, clique no botão “PRIMEIROS PASSOS ou GO TO CONSOLE” canto superior direito.

Concorde com os termos ligando a primeira caixa e clique em “CONTINUAR”.

Nesta parte você deverá inserir alguns dados como CPF/CNPJ e Data de nascimento. Após inserir os dados clique em “VERIFICAR”.

Continue preenchendo os campos com seu endereço também.

 

 

Mais abaixo preencha os dados de seu Cartão de Crédito, depois de preenchido clique no botão “INICIAR MINHA AVALIAÇÃO GRATUITA”.

Neste momento deve abrir uma página já com um Pop-up com 3 opções, marque as 3 caixas e clique em “PRÓXIMO”

Na próxima página clique em “ATIVAR”

Aqui já aparecerá a sua Chave da API, copie e guarde em local seguro e depois clique em “Console de API”

Na nova janela que aparecerá, selecione “Restringir chave” e depois selecione abaixo as chave a restringir, temos a lista nas próximas imagens

Selecione as chaves como na imagem abaixo

São no total 6 chaves para restringir:

Distance Matrix API
Geocoding API
Directions API
Maps JavaScript API
Places API
Maps Static API

 

Certifique-se que marcou as Chaves como na imagem abaixo

Clique em “SALVAR”

 

Se caso não encontrar as chaves citadas acima para restringir, é porque não realizou o processo como nos passos acima. Nesta caso inclua as chaves manualmente pela Biblioteca.

Para isso, clique no menu lateral esquerdo e vá até “APIs e serviços” > “Biblioteca” e procure cada API e ative uma a uma.

“Distance Matrix API
Geocoding API
Directions API
Maps JavaScript API
Places API
Maps Static API”

Depois realize o processo de restringir cada API como nos passos anteriores.

 

 

Se caso não copiou a chave ainda, nesta página você poderá copiar clicando no botão que a seta esta indicando

Está tudo pronto do lado da Google.

 

 

Agora volte para o Painel na edição do seu Aplicativo e no menu lateral clique em “Configurações > Chaves API

Na página “CHAVES API” desça até encontrar “Configurações da API Google Maps” e cole sua Chave API no campo e depois clique em “SALVAR” no botão abaixo

 

Aparecerá no topo da página um Pop-up com a mensagem verde com o texto: “Sucesso”, caso tenha algo errado aparecerá a mensagem em vermelho indicando o erro. Neste caso revise os passou e tente novamente criando uma nova credencial. Caso o problema persista entre em contato com nosso suporte.

Pronto, agora pode voltar a editar seu recurso normalmente que o aviso já deve ter sumido.

Bons Projetos!

5 de agosto de 2020

Criando a API do Google Maps

3 de agosto de 2020

Atualização da Plataforma – v4.19.0

19 de junho de 2018

Criando a API do YouTube

13 de março de 2018

Redimensionar o tamanho das imagens dos recursos Comércio e Lugares (retangular)

Para redimensionar o tamanho das imagens dos recursos Comércio e Lugares de forma que apareçam na lista como aparecem no banner, ou seja, de forma retangular, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para sessão CORES. 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .list .item.item-thumbnail-left { min-height: auto; }   .list .item.item-thumbnail-left img { height: auto; }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver […]
16 de janeiro de 2018

Redimensiona a galeria de imagens na Página Personalizada, Lugares e Inbox

Se você estiver adicionando 3 ou menos imagens no Recurso Página personalizada, Lugares ou Inbox e deseja diminuir os espaço que fica em branco, você deve aplicar o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .item.item-image-gallery { height: inherit; }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou […]
2 de outubro de 2017

Qual o tamanho da imagem de Capa na Página Personalizada, Lugares e Inbox?

  Não ha tamanho exato para usar em CAPA na Página Personalizada, Lugares e Inbox. Este recurso trabalha respeitando o tamanho da imagem que você colocar, ou seja, não vai cortar partes da foto, ele se adequá de forma responsiva a tela.   Veja os exemplos: Veja que a imagem 1 esta em paisagem, e no app continua com a mesma proporção.   Veja que a imagem 2 esta em retrato, e no app continua com a mesma proporção.   Equipe Portal Apper
18 de setembro de 2017

Atualização Plataforma – v4.12.11

18 DE SETEMBRO DE 2017   NOTAS DA ATUALIZAÇÃO:     Recurso > Notificações Push Corrige a imagem do Pop-up que não funciona quando enviada sem abrir um recurso ou URL personalizada.   Recurso > Descontos Corrige datas que não estão sendo salvas corretamente.   Recurso > Lugares Corrige problemas ao salvar.       Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar a nossa equipe de suporte, se caso já informou favor aguardar as próximas atualizações. Estamos trabalhando diariamente para que você tenha o melhor.   Pronto. 😉
8 de setembro de 2017

Link Interno