UiPath Documentation
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.

Guía del usuario de Apps

Última actualización 20 de may. 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 .

  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?

Conectar

¿Necesita ayuda? Soporte

¿Quiere aprender? UiPath Academy

¿Tiene alguna pregunta? Foro de UiPath

Manténgase actualizado