Avalados por :
Integración de Google Maps en la aplicación SAPUI5: Guía paso a paso para obtener la clave de API y crear la aplicación.
- Creado 01/03/2024
- Modificado 01/03/2024
- 9 Vistas
Hi Readers !!
Google Map en la aplicación Ui5 se puede utilizar con fines logísticos de la organización, ya que proporciona una ruta optimizada para cualquier vehículo, distancia optimizada, tiempo de viaje optimizado, actualizaciones de tráfico en el mapa, peajes, información sobre la ruta y mucho más.
Los servicios de mapas son proporcionados por muchos proveedores que pueden implementarse en aplicaciones Ui5. Este blog explica la integración de Google Maps con la aplicación SapUi5.
Para integrar Google Maps en la aplicación sapui5, necesitas la API de Google Maps. Hay varias API disponibles para Google Maps en sí, como Google Map android API, Google Maps para IOS, Google Maps para Street, Google Maps Directions API, y muchas más. La que vamos a utilizar es la API de Google Maps JavaScript.
Para usar la API de Google, necesitarás una clave de API de desarrollador específica. A continuación se presentan los pasos sobre cómo crear una clave de desarrollador para usar la API en la aplicación.
- Ir a Consola de Desarrolladores de Google .
- Crear o seleccionar un proyecto.
- Hacer clic en Continuar para habilitar la API y cualquier servicio relacionado.
- En la página de Credenciales , obtener una Clave de navegador (y configurar las credenciales de la API)
Ejemplo: " https://maps.googleapis.com/maps/api/js?key= TU_CLAVE_API &callback=initMap"
Pasos para crear la aplicación:
- Abrir SAP WEB IDE desde Servicios.
- Elegir Archivo -> NUEVO -> Proyecto desde Plantilla -> Aplicación SAPUI5.
- Proporcionar la información básica (Nombre del Proyecto y Espacio de Nombres) a la aplicación.
- Seleccionar el Tipo de Vista (HTML, XML, JSON, JavaScript) como HTML (usado en nuestra aplicación).
Escribir el siguiente código en tu vista (HTML)
<form>
<div id="front-div">
<strong>Inicio:</strong> <input id="origin"><br>
<strong>Fin:</strong>
Pedro Pascal
Se unió el 07/03/2018
Sin respuestas
No hay respuestas para mostrar
Se el primero en responder
contacto@primeinstitute.com
(+51) 1641 9379
(+57) 1489 6964
© 2024 Copyright. Todos los derechos reservados.
Desarrollado por Prime Institute