Ir para o conteúdo

Adicionar um mapa do Google a um painel no Jitterbit App Builder

O App Builder vem com modelos HTML/CSS pré-formatados para permitir a adição rápida do Google Maps no Street View ou no Map View, além de um modelo que pode ser usado para adicionar conteúdo do LinkedIn. Para os modelos do Google Maps, você precisará utilizar um Objeto de Negócio que contenha dados de Endereço, Cidade e Estado. Para usar um desses modelos, seu aplicativo deve ter uma Coleção contendo esses modelos associados. Este guia explicará como trabalhar com modelos do Google Maps no App Builder.

Googlemap

Associe a coleção de modelos ao seu aplicativo

  1. No seu aplicativo, navegue até App Workbench > Mais > Edge Case
  2. Clique em Coleções de Aplicativos
  3. Clique no botão Registrar
  4. No menu suspenso Coleções, selecione Terceiros
  5. Clique no ícone de marca de seleção para salvar a entrada

Adicionar um painel e configurar o Google Maps

  1. Navegue até a página do seu aplicativo onde deseja adicionar o painel do Google Maps.
  2. Clique na Gaveta de Ações e selecione Live Designer.
  3. Clique em +Painel e selecione Formulário.
  4. Clique em Avançar.
  5. Selecione um Objeto de Negócios que contenha dados de Endereço, Cidade e Estado. Por exemplo: Cliente (Origem)
  6. Clique em Avançar.
  7. Selecione Escolher Manualmente.
  8. Clique em Avançar.
  9. Selecione um controle para adicionar e clique em Avançar. Por exemplo: Cliente.
  10. Clique em Concluir.
  11. Edite o valor do Nome do Painel, se desejar. Este é o nome do painel que será exibido. Por exemplo: Endereço do Mapa do Cliente.
  12. Clique em Salvar.
  13. Clique em + Controle.
  14. Defina o Tipo de Controle como Modelo.
  15. Forneça um Nome. Por exemplo: Endereço do Mapa
  16. Clique no menu suspenso para Modelo e selecione o estilo de modelo do Google Maps que deseja usar. Por exemplo: Google Maps Street View por Endereço Interativo
  17. Clique em Avançar
  18. Revise as informações propostas e clique em Concluir
  19. Clique no ícone Vinculações de Modelo e confirme (ou crie) entradas para Endereço, Cidade e Estado, mapeando o valor do Parâmetro do Modelo para o valor do Controle ou Nome da Coluna

templateparameter.png

Agora você poderá navegar até o seu aplicativo, atualizar a página e ver o painel do Google Maps com as informações do mapa associadas exibidas.