apps
2024.10
true
Importante :
Este contenido se ha localizado parcialmente a partir de un sistema de traducción automática.
UiPath logo, featuring letters U and I in white
Guía del usuario de Apps
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 11 de nov. de 2024

Insertar mapas

Información general

Puedes incrustar mapas de varios proveedores en tu aplicación para proporcionar a los usuarios una forma fácil de llegar a tu ubicación. También puedes configurar un botón Navegar para ofrecer a los usuarios indicaciones sobre cómo llegar desde su ubicación al destino que elijas. Para ello En 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 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 la 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. Elimina las etiquetas <iframe> y añade comillas. 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 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 la 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&destination=UiPath+New+York+USA".

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.