apps
2024.10
true
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 18 de dic. 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 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 seleccionando 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 incrustado y el botón. Si haces clic en Navegar, se abrirá 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.

¿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