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.

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 .

   

3. Selecciona el tamaño deseado y copia el enlace seleccionando COPIAR HTML.

4. Ve a la aplicación deseada en ^UiPath® Apps.

5. Añade 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"
   

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 la aplicación deseada en ^UiPath® Apps.
2. Añade un control Botón .
3. Cambia el nombre del botón a Navegar. También puedes añadir un icono apropiado al botón, como un coche.
4. Ve a la pestaña Eventos y edita la regla Seleccionado para el botón.
5. Añade una regla URL abierta.
6. 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.