Como criar um mapa em seu aplicativo móvel

Mapas

Uma seção Map coloca seus locais em um mapa: lojas, espaços de eventos, pontos turísticos ou escritórios. Cada local ganha uma página com fotos, rota e botões de contato, e seus usuários veem a que distância ele está.

Adicionar uma seção Map

No menu "My App", em Structure, clique em "Add a section" no fim do Menu… e escolha Map. Já Kml, ao lado, cria um mapa a partir de um arquivo KML.

Nomeie a seção e depois clique em Add.

A seção entra no seu menu, e um widget Map é adicionado à sua Home.

Adicionar um local

Abra a seção: seus locais ficam em "List of locations". Clique em "Edit the content"… e depois em "Create a point".

Digite o local e escolha uma sugestão… o nome, o endereço e as coordenadas vêm junto, e o pino aparece no mapa.

Se precisar, aumente o zoom e arraste o pino até o lugar exato.

Adicione uma foto e um texto com "Add an element", como em um artigo. A primeira foto vira a miniatura do local.

Na aba Info, um número de telefone e um e-mail viram botões na página do local, e "Other information" leva a um site.

"Icon style" define o pino: uma forma e a cor dela, ou um ícone próprio. Um PNG branco assume a cor que você escolher… e "Point thumbnail" transforma a foto do local no pino dele.

Depois, publique-o agora ou mais tarde.

O mapa e a lista

Em "Edit the design", Visual mostra cada local com uma foto grande e a distância… Enriched, uma lista compacta… e "Split Enriched", o mapa acima da lista.

Com "Show map", seus usuários passam para o mapa: cada local tem o próprio pino, e eles veem onde estão.

Um toque em um pino abre o card dele: é o que faz "Show summary list"… e "Enable search in the zone" adiciona um botão para buscar locais na área exibida.

A página do local

A página de um local mostra o endereço e a distância e, depois, botões para ver a rota, enviar um e-mail, ligar ou visitar o site dele.

O design dela é "ToolBar Up Classic" ou "Up Banner", com a foto no topo.

Em Toolbar, escolha as ações oferecidas em um local: Share, Favorites e Comments.

Ordenação e rotas

Nas configurações da seção, os locais são ordenados por distância, e uma distância máxima oculta os mais afastados.

Routes desenha as linhas e as áreas de um arquivo KML sobre o seu mapa, nas cores do próprio arquivo.

Antes de publicar

As distâncias dependem da posição dos seus usuários: confira as permissões de localização no "Privacy center". Como a página avisa, elas só chegam com a próxima versão do seu app nas lojas.

Seus usuários escolhem milhas ou quilômetros na sua seção Settings.

Os locais ficam disponíveis assim que são publicados; uma nova seção só chega ao seu app quando você publicar, com "Publish my project".