- Primeros pasos
- Aplicaciones de demostración
- Tutorial
- Acceder a la URL de producción de una aplicación
- Build a mobile-friendly app
- Depurar aplicaciones
- Insertar mapas
- Establecer contexto externo
- Utilizar matrices para rellenar controles desplegables, desplegables de selección múltiple y botones de opción
- Utiliza Recuento con valores de conjunto de opciones
- Usar TablaDeDatos con los controles Tabla y Editar cuadrícula
- Usar máscara de entrada
- Notificaciones
- Cómo utilizar expresiones VB
- Diseñar tu aplicación
- Visión general de los controles
- Diseño y estilo
- Ejemplos de diseños de aplicaciones
- Controles de iconos
- Crear aplicaciones accesibles
- Añadir descriptores accesibles
- La etiqueta Accesible
- Uso del control Pestaña para la accesibilidad
- Diseñar listas y encabezados accesibles
- Diseño de aplicaciones receptivas
- Relación de contraste de color
- Estilos preestablecidos y asignaciones a nivel de aria para el control Encabezado
- Lenguaje de runtime
- El panel de recursos
- Exportación e importación de páginas
- Referencias del contexto del usuario
- Aplicaciones públicas
- Cómo guardar tu App
- Errores de la aplicación y resolución de problemas
- Diseñar tu aplicación con Autopilot
- Eventos y reglas
- Regla: Si-Entonces-Si no
- Regla: abrir una página
- Regla: Abrir URL
- Norma: cerrar ventana emergente/inferior
- Regla: mensaje de registro
- Regla: mostrar mensaje
- Regla: mostrar/ocultar indicador giratorio
- Regla: establecer valor
- Regla: iniciar el proceso
- Regla: restablece los valores
- Regla: subir el archivo al depósito de almacenamiento
- Regla: descargar el archivo del depósito de almacenamiento
- Regla: crear registro de entidad
- Regla: actualizar registro de entidad
- Norma: elimina el registro de entidad
- Regla: añadir a la cola
- Regla: flujo de trabajo del desencadenador
- Regla: Enviar acción
- Aprovechamiento de RPA en tu App
- Aprovechamiento de las entidades en tu App
- Aprovechar las colas en tu aplicación
- Aprovechar los medios en tu aplicación
- Aprovechar las acciones en tu aplicación
- Aprovechar las conexiones en tus aplicaciones
- Aplicaciones en Studio Web
- Gestión del ciclo de vida de las aplicaciones (ALM)
- Aplicaciones de origen de Uipath
- Guía básica de resolución de problemas
Guía del usuario de Apps
Insertar mapas
Información general
Puedes incrustar mapas de varios proveedores en tu aplicación para proporcionar a los usuarios una manera 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 a un destino de tu elección. Para el propósito de este ejemplo, utilizaremos Google Maps para incrustar mapas en una aplicación.
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
-
En Google Mapas, busque la dirección que desea compartir.
-
Haz clic en Compartir y ve a la pestaña Insertar un mapa .
-
Selecciona el tamaño deseado y copia el enlace seleccionando COPIAR HTML.
-
Go to your desired app in Apps.
-
Añade un control IFrame .
-
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"
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
- Go to your desired app in UiPath® Apps.
- Añade un control Botón .
- Cambia el nombre del botón a Navegar. También puedes añadir un icono apropiado al botón, como un coche.
- Ve a la pestaña Eventos y edita la regla Seleccionado para el botón.
- Añade una regla URL abierta.
- 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.
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.