Coloque o seu percurso e as suas notas no seu site

Um mapa incorporado comum mostra um marcador, mas isso não ajuda um convidado a encontrar a entrada lateral, um visitante a seguir o caminho da estação ou um cliente a saber onde faz entregas. O Draw on a Map permite desenhar esses detalhes primeiro e depois incorporar o mapa pronto. Não precisa de uma chave de API nem de uma conta.

Crie o mapa e copie o código de incorporação

1. Abra o Draw on a Map e pesquise o seu local.
2. Desenhe o percurso, a área, as setas ou as notas.
3. Ajuste o zoom e mova o mapa até mostrar a vista que os visitantes devem ver primeiro. O mapa incorporado abre nessa vista.
4. Selecione o botão Incorporar (</>) na barra de ferramentas superior.
5. Escolha onde vai colar o código: HTML, WordPress, Wix ou Squarespace. A janela mostra os passos para essa plataforma.
6. Defina a altura e selecione Copiar código.
7. Cole o código na página, publique e verifique o resultado num computador e num telemóvel.

No WordPress, cole o código num bloco de HTML personalizado. No Wix, adicione Incorporar código → Incorporar HTML. No Squarespace, adicione um bloco Código definido como HTML.

Como é o código

<iframe
  src="https://drawonamap.com/embed/#..."
  title="Mapa incorporado do Draw on a Map"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>

Este é um modelo. Copie o código real da janela Incorporar este mapa, que preenche o src do seu mapa. A largura adapta-se à coluna onde ele está inserido. Altere height se a página precisar de um mapa mais alto ou mais baixo.

As incorporações gratuitas mostram “Desenvolvido por Draw on a Map”. Para remover essa marca, guarde o mapa e mude para o Pro.

Mantenha o mapa incorporado atualizado

Guarde o mapa na sua conta antes de copiar o código. Assim, o mapa incorporado mostra a versão guardada mais recente, e pode corrigir um percurso ou mover um marcador sem alterar o seu site.

O código copiado de um mapa não guardado armazena o desenho na URL e não muda quando edita o mapa. Após uma edição, abra Incorporar novamente, copie o novo código e substitua o iframe antigo.

Grandes conjuntos de dados importados não cabem numa URL. Se a janela Incorporar este mapa pedir que guarde primeiro, guarde o mapa e abra Incorporar novamente.

Se o mapa não aparecer

Use um bloco que aceite HTML ou código iframe. Um campo que aceita apenas um endereço Web não funciona com o iframe completo. Se o mapa desaparecer após a publicação, o construtor do seu site pode estar a remover os iframes. Verifique as definições de conteúdo incorporado.

Ideias de mapas para sites

• Eventos e casamentos: marque a entrada correta, a paragem do transporte e o estacionamento num único mapa.
• Arrendamentos e viagens: desenhe o caminho a pé da estação até ao apartamento ou o atalho para a praia.
• Empresas de serviços: desenhe a sua área de atendimento. Se os visitantes precisarem de consultar a própria morada, o Service Area Widget pago transforma esse limite num verificador de moradas para o seu site.

Crie o mapa do seu site

Guias relacionados

• Desenhe um círculo no mapa: marque uma área de entrega ou atendimento com um raio exato
• Desenhe no Google Maps: transfira um mapa existente do Google My Maps antes de incorporá-lo
• Partilhe instruções personalizadas de trajeto a pé: desenhe um percurso que uma aplicação de percursos calcula de forma incorreta