Apps
Más reciente
False
Imagen de fondo del banner
Guía del usuario de Apps
Última actualización 8 de may. 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 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. 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 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. 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

Was this page helpful?

Obtén la ayuda que necesitas
RPA para el aprendizaje - Cursos de automatización
Foro de la comunidad UiPath
Logotipo blanco de UiPath
Confianza y seguridad
© 2005-2024 UiPath. All rights reserved.