apps
2023.10
false
Importante :
Este contenido se ha localizado parcialmente a partir de un sistema de traducción automática. La localización de contenidos recién publicados puede tardar entre una y dos semanas en estar disponible.
UiPath logo, featuring letters U and I in white

Guía del usuario de Apps

Automation CloudAutomation Cloud Public SectorAutomation Suite
Última actualización 11 de nov. de 2024

Insertar mapas

Información general

Puede insertar mapas de múltiples proveedores en su aplicación para proporcionar a los usuarios una manera fácil de llegar a su ubicación. También puede configurar un botón Navegar para ofrecer a los usuarios direcciones sobre cómo llegar desde su ubicación a un destino de su elección. de este ejemplo, usaremos Google Mapas para insertar mapas en UiPath Apps.

Consejo:

Para obtener más información sobre cómo utilizar las API de búsqueda de Google Mapas , consulta la documentación oficial.

Insertar mapa

  1. En Google Mapas, busque la dirección que desea compartir.

  2. Haz clic en Compartir y ve a la pestaña Insertar un mapa .
    docs image
  3. Selecciona el tamaño deseado y copia el enlace haciendo clic en COPIAR HTML.

  4. Ve a tu aplicación deseada en UiPath Apps.

  5. Agrega un control IFrame .

  6. Añade el enlace copiado en el Paso 3 en el campo Origen del control. Asegúrese de eliminar las etiquetas <iframe> del enlace. Por ejemplo, un enlace debe tener el siguiente aspecto:

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
Nota: para insertar aplicaciones de forma dinámica, recomendamos usar la API de Google Mapas para insertar mapas. Para más información, consulta la documentación oficial.

Añadir botón de navegación

  1. Ve a tu aplicación deseada en UiPath Apps.

  2. Agregar un control Botón .

  3. Cambia el nombre del botón a Navegar. También puedes añadir un icono adecuado al botón, como un coche.

  4. Ve a la pestaña Eventos y edita la regla en el que se ha hecho clic.

  5. Añade una regla URL abierta.

  6. Añade la API de Direcciones de Google Mapas con el siguiente formato:

    https://www.google.com/maps/dir/?api=1&destinación=UiPath+New+York+USA. Reemplaza el texto después de = con tu consulta de búsqueda.

Resultado

Al previsualizar la aplicación, se muestran el mapa interactivo integrado y el botón. Si hace clic en Navegar, se abre una nueva página de Google Mapas . Puedes seleccionar el medio de transporte que desees y añadir tu punto de partida para obtener instrucciones sobre cómo llegar al destino configurado.

  • Información general
  • Insertar mapa
  • Añadir botón de navegación
  • Resultado

¿Te ha resultado útil esta página?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Uipath Logo White
Confianza y seguridad
© 2005-2024 UiPath. Todos los derechos reservados.