Adicionar um Mapa do Google a um Painel¶
App Builder vem com modelos HTML/CSS pré-formatados para permitir que você adicione rapidamente no Google Maps no Street View ou no Map View, bem como um modelo que pode ser usado para adicionar conteúdo do LinkedIn. Para os modelos do Google Maps, você precisará aproveitar um objeto comercial que contenha dados para endereço, cidade e estado. Para usar um desses modelos, seu aplicativo deve ter uma coleção contendo esses modelos associados a ele. Este guia o orientará sobre como trabalhar com modelos do Google Maps em App Builder.
Associe a Coleção de Modelos ao Seu Aplicativo¶
- No seu aplicativo, navegue até App Workbench > Mais > Edge Case
- Clique em Coleções de aplicativos
- Clique no botão Registrar
- No menu suspenso Coleções, selecione Terceiros
- Clique no ícone de marca de seleção para salvar a entrada
Adicione um Painel e Configure o Google Maps¶
- Navegue até a página no seu aplicativo onde você deseja adicionar o painel do Google Maps
- Clique na Action Drawer e selecione Live Designer
- Clique em +Panel e selecione Form
- Clique em Next
- Selecione um Business Object que contenha dados para Endereço, Cidade e Estado. Por exemplo: Cliente (Origem)
- Clique em Next
- Selecione Choose Manually
- Clique em Next
- Selecione um controle para adicionar e clique em Next. Por exemplo: Cliente
- Clique em Finish
- Edite o valor do Panel Name se desejar, este é o nome do painel que será exibido. Por exemplo: Customer Map Address
- Clique em Save
- Clique em + Control
- Defina o Control Type como Template
- Forneça um Name. Por exemplo: Endereço do mapa
- Clique no menu suspenso para Modelo e selecione o estilo de modelo do Google Map que deseja usar. Por exemplo: Google Maps Street View por endereço interativo
- Clique em Avançar
- Revise as informações propostas e clique em Concluir
- Clique no ícone Vinculações do modelo e confirme (ou crie) entradas para Endereço, Cidade e Estado mapeando o valor do Parâmetro do modelo para o valor do Nome do controle ou da coluna
Agora você deve conseguir navegar até seu aplicativo e atualizar, e ver o painel do Google Maps com as informações do mapa associadas exibidas.