Como usar: Gerador de API do Google Maps
- Defina a localização, o zoom, o estilo do mapa e o tamanho.
- Adicione marcadores: dê a cada um uma cor, uma posição e um texto para a janela de informação.
- Ative a busca de lugares ou as avaliações do Google se precisar.
- Cole sua chave de API para ver a prévia completa e depois copie o código ou use o Copiar para o Webflow.
Como obter uma chave de API do Google Maps
- Abra o console do Google Cloud e crie um projeto com o faturamento ativado.
- Ative as APIs que esta ferramenta indica para a sua configuração.
- Crie uma chave de API em Chaves e credenciais.
- Restrinja a chave ao endereço do seu site e a essas APIs. Uma chave em código web é pública, então as restrições são o que a mantêm segura.
Para usar a prévia ao vivo aqui, permita devpack.app/* como site enquanto testa, ou use uma chave de teste separada.
Quanto custa
O Google cobra pelo uso e inclui uma franquia mensal gratuita para cada API. As avaliações usam uma requisição Place Details, que tem preço mais alto, então configure um alerta de orçamento no Google Cloud. Consulte a página de preços do Google para os valores atuais.
Sobre o código gerado
A caixa de busca e as avaliações usam a Places API (New) atual do Google, porque os serviços antigos de Places não estão disponíveis para projetos novos. Cada marcador pode ser um pino colorido, um ponto, um quadrado ou uma estrela, ou uma imagem sua, por URL ou upload de até 100 KB. Os marcadores usam google.maps.Marker, então funcionam com estilos de mapa em JSON. O Google recomenda os Advanced Markers para projetos novos, mas eles exigem um Map ID e estilização na nuvem, por isso esta ferramenta não os gera. Os termos do Google pedem que você exiba as avaliações com a atribuição deles, e o código gerado já inclui isso.
Precisa só de um mapa simples, sem chave? Use o Gerador de Embed do Google Maps. Relacionados: Seletor de cores, Estilos de botão CSS.
Também pesquisado como: gerador de api google maps, marcador personalizado google maps, exemplo google maps javascript api, mapa personalizado google, estilos google maps, embed avaliações google, exemplo google places api, mapa google webflow.
Ferramentas que combinam com: Gerador de API do Google Maps
- Gerador de marcação de esquema — Escolha um tipo de esquema, preencha o formulário e copie o JSON-LD pronto para colar.
- Gerador de Código Embed do YouTube — Cole qualquer link do YouTube — um vídeo, um Short ou uma playlist — e receba código embed responsivo com modo de privacidade aprimorado, tempos de início e fim, autoplay sem som, loop e legendas, ou a versão lite "clique para carregar" que mantém sua página rápida.
- Formatação JSON — Cole o JSON aqui para formatá-lo, compactá-lo ou validá-lo.
- Analisador de Cabeçalho de E-mail — Cole os cabeçalhos brutos de um e-mail para ver todo o seu percurso: cada salto entre servidores com o tempo que levou, os resultados de SPF, DKIM e DMARC, o IP de origem e sinais de alerta, como um Reply-To ou Return-Path divergente.