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