Incorporar mapas

Incorpore um mapa interativo de um provedor externo e adicione um botão de navegação a um aplicativo usando o controle IFrame.

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 seu local 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 vá para a guia Incorporar um mapa .

   

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!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 de Botão .
3. Renomeie o botão para Navegar. Você também pode adicionar um ícone apropriado ao botão, como um carro.
4. Acesse a aba Eventos e edite a regra Clicando em para o botão.
5. Adicione uma regra Abrir URL.
6. 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. 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 os meios de transporte desejados e adicionar o ponto de partida para obter instruções sobre como chegar ao destino configurado.