- Introdução
- Aplicativos de demonstração
- Como fazer
- Acessar o URL de produção de um aplicativo
- Build a mobile-friendly app
- Depurar aplicativos
- Incorporar mapas
- Definir contexto externo
- Use matrizes para preencher os controles Lista suspensa, Lista suspensa multiseleção e Botão de rádio
- Use contagem com valores de conjunto de escolhas
- Usar TabelaDeDados com controles de Tabela e de Editar Grade
- Usar máscara de entrada
- Notificações
- Uso de expressões VB
- Desenvolvimento de aplicativos
- Visão geral dos controles
- Layout e Estilo
- Exemplos de layouts de aplicativos
- Controles de ícones
- Criação de apps acessíveis
- Adição de descritores acessíveis
- O rótulo acessível
- Como usar o controle Guia para acessibilidade
- Criação de listas e cabeçalhos acessíveis
- Design de aplicativo responsivo
- Taxa de contraste de cores
- Estilos predefinidos e mapeamentos de nível ARIA para o controle de Cabeçalhos
- Linguagem de runtime
- O Painel de Recursos
- Exportação e importação de páginas
- Referências de contexto do usuário
- Aplicativos públicos
- Como salvar seu aplicativo
- Erros do aplicativo e Soluções de problemas
- Criação de aplicativo com o Autopilot
- Eventos e Regras
- Regra: If-Then-Else
- Regra: abrir uma página
- Regra: Abrir o URL
- Regra: fechar planilha pop-over/inferior
- Regra: Mensagem do Log
- Regra: mostrar mensagem
- Regra: exibir/ocultar o controle giratório
- Regra: definir valor
- Regra: iniciar o processo
- Regra: redefinir valores
- Regra: upload de arquivo no compartimento de armazenamento
- Regra: baixar arquivo do bucket de armazenamento
- Regra: criar registro de entidade
- Regra: atualizar registro de entidade
- Regra: excluir registro da entidade
- Regra: adicionar à fila
- Regra: fluxo de trabalho de gatilho
- Regra: enviar ação
- Aproveitamento do RPA no aplicativo
- Aproveitamento de entidades no aplicativo
- Aproveitando filas em seu aplicativo
- Aproveitamento da mídia no aplicativo
- Aproveitamento de ações no aplicativo
- Aproveitando conexões em seus aplicativos
- Apps no Studio Web
- Gerenciamento do ciclo de vida do aplicativo (ALM)
- Aplicativos originais da UiPath
- Guia básico de solução de problemas
Guia do usuário do Apps
Incorporar mapas
Visão geral
Você pode incorporar mapas de vários provedores em seu aplicativo para fornecer aos usuários uma maneira fácil de chegar à sua localização. Você também pode configurar um botão Navegar para oferecer aos usuários direções sobre como chegar de sua localização até um destino de sua escolha. Para os fins deste exemplo, usaremos o Google Maps para incorporar mapas a um aplicativo.
Para obter mais informações sobre como usar as APIs de pesquisa do Google Maps , consulte a documentação oficial.
Incorporar mapa
-
No Google Maps, pesquise o endereço que você deseja compartilhar.
-
Clique em Compartilhar e vá para a guia Incorporar um mapa .
-
Selecione o tamanho desejado e copie o link selecionando Copiar HTML.
-
Go to your desired app in Apps.
-
Adicione um controle IFrame .
-
Adicione o link copiado na Etapa 3 no campo Origem do controle. Remova as tags <iframe> e adicione aspas. Por exemplo, um link deve ter a seguinte aparência:
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1511.2061413255587!2d-73.9796223417571!3d40.75295602669006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590199a4c12d%3A0x35c4d69dd805cc5e!2sOne%20Vanderbilt!5e0!3m2!1sen!2sro!4v1674472555170!5m2!1sen!2sro"
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1511.2061413255587!2d-73.9796223417571!3d40.75295602669006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590199a4c12d%3A0x35c4d69dd805cc5e!2sOne%20Vanderbilt!5e0!3m2!1sen!2sro!4v1674472555170!5m2!1sen!2sro"
Para incorporar aplicativos dinamicamente, recomendamos usar a API do Google Maps para incorporar mapas. Para obter mais informações, consulte a documentação oficial.
Adicionar botão de navegação
- Go to your desired app in UiPath® Apps.
- Adicione um controle de Botão .
- Renomeie o botão para Navegar. Você também pode adicionar um ícone apropriado ao botão, como um carro.
- Acesse a aba Eventos e edite a regra Clicando em para o botão.
- Adicione uma regra Abrir URL.
- Adicione a API de Direções do Google Maps usando o seguinte formato:
https://www.google.com/maps/dir/?api=1&destination=UiPath+New+York+USA.
Resultado
Ao visualizar o aplicativo, o mapa interativo incorporado e o botão são exibidos. Se você clicar em Navegar, uma nova página do Google Maps será aberta. Você pode selecionar seus meios de transporte desejados e adicionar seu ponto de partida, para obter instruções sobre como chegar ao destino configurado.