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

Última actualización 14 de ene. de 2026

Insertar mapas

Información general

Puede incrustar mapas de varios 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 instrucciones sobre cómo llegar desde su ubicación a un destino de su elección. de este ejemplo, utilizaremos Google Maps para incrustar mapas en UiPath Apps.

Consejo:

Para obtener más información sobre cómo utilizar las API de búsqueda de Google Maps , 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. Añade un control IFrame .

  6. Añade el enlace copiado en el paso 3 en el campo Origen del control. Asegúrate de eliminar las etiquetas <iframe> del enlace. Por ejemplo, un enlace debería 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!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
    
Nota:

Para incrustar aplicaciones de forma dinámica, recomendamos utilizar la API de Google Maps para incrustar mapas. Para obtener 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. Añade un control Botón .
  3. Cambia el nombre del botón a Navegar. También puedes añadir un icono apropiado al botón, como un coche.
  4. Ve a la pestaña Eventos y edita la regla Seleccionado para el botón.
  5. Añade una regla URL abierta.
  6. Añade la API de indicaciones desde Google Maps utilizando el siguiente formato: https://www.google.com/maps/dir/?api=1&destination=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 incrustado y el botón. Si haces clic en Navegar, se abre una nueva página de Google Maps . Puedes seleccionar el medio de transporte deseado 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
Confianza y seguridad
© 2005-2026 UiPath. Todos los derechos reservados.