apps
2023.10
false
Importante :
A tradução automática foi aplicada parcialmente neste conteúdo.
UiPath logo, featuring letters U and I in white
LEGACY
Guia do usuário do Apps Legado para o Automation Suite
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 11 de nov de 2024

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. Também é possível configurar um botão Navegar para oferecer aos usuários instruções sobre como chegar da sua localização até um destino de sua escolha. Para o propósito deste exemplo, usaremos o Google Maps para incorporar mapas ao UiPath® Apps.

Dica:

Para obter mais informações sobre como usar as APIs de pesquisa do Google Maps , consulte a documentação oficial.

Incorporar mapa

  1. No Google Maps, pesquise o endereço que você deseja compartilhar.

  2. Clique em Compartilhar e acesse a guia Incorporar um mapa .
    docs image
  3. Selecione o tamanho desejado e copie o link clicando em copiar HTML.

  4. Vá para seu aplicativo desejado em UiPath® Apps.

  5. Adicione um controle IFrame .

  6. 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"
Observação: para incorporar aplicativos dinamicamente, recomendamos usar a API do Google Maps para incorporar mapas. Para mais informações, consulte a documentação oficial.

Adicionar botão Navegar

  1. Vá para seu aplicativo desejado em UiPath® Apps.

  2. Adicione um controle Button .

  3. Renomeie o botão para Navegar. Você também pode adicionar um ícone apropriado ao botão, como um carro.

  4. Vá para a guia Eventos e edite a regra Clicado para o botão.

  5. Adicione uma regra Abrir URL.

  6. Adicione a API Directions do Google Maps usando o seguinte formato:

    "https://www.google.com/maps/dir/?api=1&destination=UiPath+New+York+EUA".

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 o meio de transporte desejado e adicionar seu ponto de partida para obter instruções sobre como chegar ao destino configurado.

  • Visão geral
  • Incorporar mapa
  • Adicionar botão Navegar
  • Resultado

Esta página foi útil?

Obtenha a ajuda que você precisa
Aprendendo RPA - Cursos de automação
Fórum da comunidade da Uipath
Uipath Logo White
Confiança e segurança
© 2005-2024 UiPath. Todos os direitos reservados.