Apps
Mais recente
falso
Imagem de fundo do banner
Guia do usuário do Apps
Última atualização 26 de abr 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. Você também pode configurar um botão Navegar para oferecer aos usuários instruções sobre como chegar de sua localização a um destino de sua escolha. deste exemplo, usaremos o Google Maps para incorporar mapas aos 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. Certifique-se de remover as tags <iframe> do link. 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!2srohttps://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 obter 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+USA. Substitua o texto após = pela sua consulta de pesquisa.

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

Was this page helpful?

Obtenha a ajuda que você precisa
Aprendendo RPA - Cursos de automação
Fórum da comunidade da Uipath
Logotipo branco da Uipath
Confiança e segurança
© 2005-2024 UiPath. All rights reserved.