Como adicionar o Google Maps
Assista a este tutorial sobre como adicionar o Google Maps ou leia o guia abaixo.
O Google alterou as regras de uso do Google Maps. Para adicionar um mapa do Google ao seu site, agora é necessário obter uma chave para a API JavaScript, especificá-la nas configurações do bloco de mapas e vincular um cartão de banda à sua conta do Google.
Vá para a página:
https://console.cloud.google.com/google/maps-apis/overview.
Crie um novo projeto ou selecione um já existente. Clique em Create (Criar).
https://console.cloud.google.com/google/maps-apis/overview.
Crie um novo projeto ou selecione um já existente. Clique em Create (Criar).
Selecione Maps JavaScript API.
Ative o serviço clicando em Enable (Ativar).
Vá para a guia "Credentials" e clique em Credentials in APIs & Services.
Em seguida, clique em Create Credentials (Criar credenciais ) e selecione API key (Chave de API ) na lista suspensa.
Clique em Restrict Key (Restringir chave ) em uma janela pop-up.
Marque acaixa de seleção "HTTP referrers (web sites)" , digite seu nome de domínio na caixa de referência para autorizar o mapa e, em seguida, selecione a opção "Restrict key" e, em seguida, marque a caixa de seleção "Restringir chave".
Dicas e truques: a entrada https://tilda.cc/* é opcional. Ela ativa uma visualização do mapa no Tilda Editor. Caso contrário, um mapa só poderá ser acessado por meio de um link de domínio.
Quando terminar de editar o site, remova a segunda entrada por motivos de segurança. Saiba mais sobre como proteger uma chave de API.
Quando terminar de editar o site, remova a segunda entrada por motivos de segurança. Saiba mais sobre como proteger uma chave de API.
Na lista suspensa, selecione Maps JavaScript API e salve as alterações.
Observação: O Google Maps alterou recentemente sua política, portanto, agora é necessário ativar o faturamento em sua conta antes de obter uma chave. Saiba mais sobre os preços do Google Maps.
Vá para a guia "Billing" (Faturamento) para vincular um cartão bancário à sua conta.
Quando terminar, vá para Credentials (Credenciais) e copie a chave.
Acesse seu projeto em Tilda, adicione um bloco com um mapa da categoria "Other" à página (por exemplo, Т143), abra o painel Content do bloco e cole a chave no campo "Map API Key". Salve as alterações e publique a página.
Solução de problemas
P: Inseri a chave de API no bloco do mapa, mas o mapa só aparece na versão publicada da página. No editor, ocorre o erro "Oops! Algo deu errado". Como faço para resolver isso?
R: Esse erro geralmente ocorre depois que a chave de API foi restringida. Para evitar que terceiros usem sua chave de API no site deles, recomendamos que você forneça acesso apenas ao seu nome de domínio. Saiba mais sobre como proteger uma chave de API.
Para ativar temporariamente uma visualização de mapa no editor Tilda , autorize https://tilda.cc/* no Google Maps Platform e revogue o acesso posteriormente.
Para ativar temporariamente uma visualização de mapa no editor Tilda , autorize https://tilda.cc/* no Google Maps Platform e revogue o acesso posteriormente.
