Adicionar um mapa.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosDados e movimento

Mostra aos visitantes onde o encontra com um Google Map de qualquer morada. Utilize-o em páginas de contacto, eventos e direções.

Incorporação do Google Maps a mostrar a Rue de la Loi 200 em Bruxelas

Adicionar um mapa

Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. Crie a sua primeira página mostra o essencial.

  1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Map. O elemento é colocado no topo da coluna e o diálogo de definições abre.
  2. No diálogo, escreva a Address com a cidade e o país.
  3. Defina a Map height se quiser outra. A predefinição é 400px, e um número simples como 360 conta como píxeis.
  4. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

Um Google Map centrado na morada que escreveu preenche a coluna, e os visitantes podem ampliar e arrastar. No vídeo, mostra a Rue de la Loi 200 em Bruxelas com 360 píxeis de altura. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o mapa

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

  • Address: o local a mostrar. Vai para o Google Maps como pesquisa, por isso escreva-a como escreveria no Google Maps.
  • Map width: 100% por predefinição, o que preenche a coluna. Um número simples conta como píxeis, e valores CSS como 600px também funcionam.
  • Map height: 400px por predefinição. Um número simples conta como píxeis.

O mapa não precisa de chave de API Google.

Se não o vir

  • O Map não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em User Profiles.
  • Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
  • A caixa do mapa está vazia, cinzenta ou mostra um erro de ligação. O mapa carrega numa moldura de maps.google.com, e algo bloqueia essa moldura: uma extensão de privacidade do navegador, uma ferramenta de consentimento de cookies ou a política de segurança do seu site. Permita maps.google.com, ou verifique a página noutro navegador.
  • O mapa mostra o local errado. O Google associou outro local à Address. Adicione o número da porta, a cidade e o país.
  • O mapa é demasiado pequeno. Map width ou a Map height está baixa. Paire o cursor sobre o elemento e abra More > Settings, depois experimente 100% e 400px.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu mapa.