Coloque seu mapa ao vivo em qualquer site.
Um único iframe transforma qualquer página num mapa de rastreamento ao vivo — blogs de viagem, expedições de veleiro, corridas, eventos. Copie, cole, pronto. Seus visitantes acompanham a jornada ao vivo, sem sair do seu site.
Desbloqueie o recurso Mapa no site no app ou na web e cole um iframe. Não é preciso conta para visualizar.
Como funciona
Três passos para um mapa ao vivo na sua página.
Sem plugin, sem etapa de build. Se você sabe colar HTML, sabe incorporar um mapa ao vivo.
Desbloqueie o recurso
Compre o recurso Mapa no site no app — menu lateral → Premium → Mapa no site — ou aqui na web.
Adicione o iframe
Cole o trecho de código no seu site e coloque seu nome de usuário na URL (live.greenalp.com/you).
Está no ar
Seu mapa ao vivo aparece na hora. Ajuste a visualização com parâmetros na URL — tipo de mapa, zoom, período.
Feito para
Perfeito quando a jornada é a história.
Blogs de viagem
Deixe os leitores acompanharem sua rota ao vivo, dentro do próprio post.
Rastreamento de veleiros
Compartilhe uma travessia em tempo real — quem acompanha vê cada milha.
Expedições
Coloque uma longa travessia a pé ou viagem por terra no site do seu projeto.
Corridas e eventos
Corridas beneficentes, ralis, pedaladas em grupo — um mapa ao vivo na página do evento.
Também popular entre bikepackers, equipes de campo e transmissões ao vivo de TV e rádio.
O código
Um trecho de código. Copie, cole, ao vivo.
Defina o tamanho com width / height e mude a visualização ou o zoom com um parâmetro na URL.
<iframe src="https://live.greenalp.com/demouser?frame=1"
width="640" height="480"></iframe>
<div style="font:11px/1.6 sans-serif"><a href="https://www.greenalp.com/" style="color:#888;text-decoration:none">Live map by Greenalp</a></div>
// substitua “demouser” pelo seu nome de usuário
// opcional: ?zoom=14 — além de estilo do mapa e períodoDois tipos de link
Rápido e flexível, ou salvo e limpo.
Ajuste um link na hora ou configure um uma vez e distribua uma URL enxuta.
Link pessoal
Seu link live.greenalp.com/yourname, ajustado na hora com parâmetros na URL — tipo de mapa, zoom, período e mais.
Link personalizado
Configurado uma vez no app e salvo no servidor. Os visitantes só precisam abri-lo — sem parâmetros. Um link personalizado mostra apenas o que o dono escolheu exibir.
Do seu jeito
Ele se adapta ao seu site, não o contrário.
Qualquer tamanho
Defina largura e altura — largura total ou um cartão compacto, você decide.
Qualquer mapa base
Voyager, OpenStreetMap e outros são sempre grátis. O Google Maps também — quando há créditos disponíveis e o dono permite.
Defina o zoom
Leve seus visitantes direto ao nível certo com zoom=14.
Mostre um período e mais
Exiba um intervalo específico da rota — e muitas outras opções.
Bom saber
Perguntas sobre incorporar, respondidas.
Meus visitantes precisam de app ou conta?
Não. O mapa incorporado funciona em qualquer navegador. Só você, que transmite sua localização, precisa do app para Android.
Como eu ativo a incorporação?
Compre o recurso Mapa no site no app (menu lateral, Premium, Mapa no site) ou aqui na web. Depois cole o iframe com seu nome de usuário ou use um link personalizado salvo. Comprar Mapa no site →
É grátis?
Mapa no site é um recurso Premium que você compra por um período, não para sempre. Ver um mapa incorporado é sempre grátis para seus visitantes. Ver os preços →
Posso mudar o mapa, o zoom ou o tamanho?
Sim. Use width e height para o tamanho e zoom para o nível. Qualquer mapa base funciona — os grátis sempre, e o Google Maps quando há créditos disponíveis e o dono permite.
Posso mostrar várias pessoas num só mapa incorporado?
Sim. Adicione cada pessoa a mais ao seu link com outro viewuser=<nome>. Funciona quando você tem o Mapa no site e os outros aceitaram você como amigo, ou quando cada um deles tem o Mapa no site. Sem extras, o mapa mostra até três pessoas; com vagas para amigos (Premium) na sua conta, todos os que você indicar e forem seus amigos.
Ele vai deixar meu site mais lento?
Não, é um iframe leve. Adicione loading=lazy para que sua página carregue primeiro e o mapa venha em seguida.