Adicione uma seção Mapa

1. No menu swipe à esquerda, acesse Design & Estrutura > Estrutura > Seções 
2. Clique no botão verde "Adicionar uma seção" na coluna da direita 
3. Adicione uma seção de artigos escolhendo "Mapa" nos itens de conteúdo. 
4. Dê-lhe um título 
5. Clique em "Adicionar

picture

1

Adicione um ponto

1. Clique nos 3 pontos na lista da sua seção, e "Editar o conteúdo"

picture

2. Clique no botão verde "Criar um ponto" na coluna principal
3. Dê-lhe um título
4. Defina uma localização

2 possibilidades:
- Preencha o endereço primeiro e escolha a sua localização na lista suspensa.
Se o endereço que você está a usar puder ser geolocalizado pelo Google Maps, ele aparecerá no campo de entrada e a latitude e a longitude serão inseridas automaticamente.
Nota:neste caso, você não poderá alterar o formato do endereço, pois ele é gerenciado automaticamente.

- Preencha a latitude e longitude e preencha o endereço manualmente - sem escolher nenhuma opção na lista suspensa.
Nota:Com este método, você pode definir o formato desejado para o endereço.

picture

2

Como adquirir coordenadas GPS no Google Maps

  1. Acesse a plataforma Google Mapshttps://maps.google.com
  2. Passe o mouse sobre o ponto no mapa que você deseja georreferenciar.
  3. Clique no ponto
Uma bolha de informação irá aparecer com a latitude e longitude do ponto.

picture

3

Estado de publicação do seu ponto

O botão no canto inferior direito do seu ecrã permite-lhe selecionar o estado de publicação do seu ponto: 
Publicar: O seu ponto estará imediatamente visível aos seus usuários. 
- Salvar rascunho: O seu ponto será guardado, mas não visível ao seus usuários. 
Não publicado: O seu ponto será guardado, mas não visível aos seus usuários. Este estado pode ser útil para informar os membros da sua equipe que o conteúdo tem de ser revisto antes da sua publicação, por exemplo. 
​- ​Programar: Agendar o horário de publicação

 

picture

4

Aba Informação

1. Acesse a coluna da direita e clique na aba Informação
2. Selecione a seção ou categoria onde seu ponto irá aparecer no app.
Um mesmo ponto pode aparecer em seções ou categorias diferentes exibindo o mesmo tipo de conteúdo.
No exemplo, o ponto será exibido na seção Mapa CMS (categorias principais) e também na categoria 2.

picture

3. Defina seus botões de ação: faça uma chamada para um número de telefone ou escreva para um endereço de e-mail
4. Adicione um link para um site externo

picture

5. Defina o estilo do seu ícone:
- escolha entre os diferentes estilos de ícones fornecidos
ou
- carregue um ícone pessoal*
6. Aplique uma cor ao seu ícone​

*Nota: Se você carregar um ícone pessoal, deve absolutamente seguir todos estes requerimentos:
- O ficheiro tem de estar em formato PNG.
- O formato tem de ser entre 150 x 150 px e 150 x 300 pixels.
- O ícone tem de ser totalmente branco (FFFFFF) e o fundo tem de ser transparente.
O ponto de ancoragem do ícone tem de estar no centro do PNG.

picture

5

Aba SEO

1. Opcional: edite o slug 
2. Opcional: edite a tag de título  
3. Opcional: edite a tag de meta descrição

picture

6

Permitir que os usuários alterem as unidades de distância

  1. Adicione uma seção Configurações ao seu app:
Os usuários poderão escolher a partir desta seção do seu app exibir as unidades de distância em milhas ou kilómetros no mapa.


7

Configurações das seções

1. Acesse Design & Estrutura > Estrutura > Seções
2. Clique nos 3 pontos ao lado da sua seção
3. Clique em "Configurações":
- Ordene os seus pontos por distância, data, ordem alfabética ou mais comentados
- Ativar comentários etc.​

Para obter mais detalhes sobre o menu de configurações de uma seção, consulte esta ajuda on-line: Configurações das seções CMS

IMPORTANTE:
Apenas os primeiros 48 pontos do mapa serão exibidos, quando a página Mapa é aberta pela primeira vez no app.

Você tem que percorrer a lista para baixo para carregar os próximos 48 pontos, de forma a que surjam no mapa.
Tem que repetir o processo para as seguintes 48 localizações e por aí adiante.
 


8

Vídeo tutorial

Nota: Os menus foram alterados no back office, mas o comportamento explicado no vídeo ainda é válido.


Outros artigos