UiPath Documentation
apps
2023.10
false
LEGACY

Guia do usuário do Apps Legado para o Automation Suite

Última atualização 13 de fev de 2025

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 orientaçõ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 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 selecionando 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 seu 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?

Conectar

Precisa de ajuda? Suporte

Quer aprender? Academia UiPath

Tem perguntas? Fórum do UiPath

Fique por dentro das novidades