Google Earth / Maps

Como colocar um mapa dentro de um web

google maps em uma webSuponha que queremos colocar em uma postagem de blog ou em uma página uma janela do Google Maps, com uma área específica e uma marca no centro com detalhes. Além disso, um mecanismo de pesquisa na parte inferior.

A maneira mais simples é abrir o mapa no Google Maps e escolher a opção "vincular o mapa de forma incorporada" na qual é possível customizar alguns parâmetros. Isso é API grátis e é feito usando o formulário "iframe".

 

A outra maneira é usar a API, através de um wizzard feito para AJAX, que permite criar o código com poucos detalhes:

1. Defina parâmetros

google maps em uma web

Nesse caso, é necessário definir o tamanho em pixels da janela que queremos mostrar, é preferível manter um que esteja dentro da largura máxima de publicação do blog, como 400px

Então você tem que definir se deseja uma abordagem no nível da cidade, rua ou bloco.

Você pode especificar os detalhes esperados na marca, nome, URL e endereço.

Ao pressionar o botão "Visualizar localização do centro", você pode ver como a janela seria exibida.

2. Habilitar direitos de API

O próximo passo é fornecer os dados da web nos quais esperamos mostrar a janela. Isso é para autorizar nosso número de API para esse site ... e, portanto, nos tornar responsáveis ​​por qualquer violação que possamos estar cometendo dos termos do Google.

google maps em uma web

Normalmente, para adquirir uma API, você entra neste site e solicita uma para um url específico, a seguir pede para entrar em sua conta do gmail e recebe um número e um código de exemplo. Se a sessão do gmail já estiver aberta, o sistema associa a conta.

 

3. Gere o código

google maps em uma web

Pressionando o botão “gerar código” é criado o html necessário para apenas inseri-lo no Blog. Para isso, deve-se ativar a opção de código, colá-lo e pronto, caso seja colado em outro site, para o qual a API tenha sido autorizada, aparecerá uma mensagem negando-o.

E pronto, deve ficar bem. Ir a wizzard

Por ser uma API baseada em AJAX, parte do script criado não funciona muito bem em alguns gerenciadores de conteúdo, como o Wordpress MU, onde há controle sobre a funcionalidade, mas em geral deve rodar bem.

Golgi Álvarez

Escritor, pesquisador, especialista em Modelos de Gestão Territorial. Participou da conceituação e implementação de modelos como: Sistema Nacional de Administração de Propriedades SINAP em Honduras, Modelo de Gestão de Municípios Conjuntos em Honduras, Modelo Integrado de Gestão de Cadastro - Cadastro na Nicarágua, Sistema de Administração do Território SAT na Colômbia . Editor do blog de conhecimento Geofumadas desde 2007 e criador da Academia AulaGEO que inclui mais de 100 cursos sobre temas GIS - CAD - BIM - Digital Twins.

Artigos Relacionados

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

Voltar ao topo botão