Aprende en Comunidad
Avalados por :
Integração do Google Maps na aplicação SAPUI5: Guia passo a passo para obter a chave da API e criar a aplicação.
- Creado 01/03/2024
- Modificado 01/03/2024
- 91 Vistas
Hi Readers !!
O Google Map na aplicação Ui5 pode ser usado para fins logísticos da organização, pois fornece uma rota otimizada para qualquer veículo, distância otimizada, tempo de viagem otimizado, atualizações de tráfego no mapa, pedágios, informações sobre a rota e muito mais.
Os serviços de mapas são fornecidos por muitos provedores que podem ser implementados em aplicativos Ui5. Este blog explica a integração do Google Maps com o aplicativo SapUi5.
Para integrar o Google Maps no aplicativo sapui5, você precisa da API do Google Maps. Existem várias APIs disponíveis para o Google Maps, como Google Map android API, Google Maps para IOS, Google Maps para Street, Google Maps Directions API e muitas outras. A que vamos usar é a API de Google Maps JavaScript.
Para usar a API do Google, você precisará de uma chave de API de desenvolvedor específica. Abaixo estão os passos sobre como criar uma chave de desenvolvedor para usar a API no aplicativo.
- Ir para Console de Desenvolvedores do Google .
- Criar ou selecionar um projeto.
- Clicar em Continuar para habilitar a API e qualquer serviço relacionado.
- Na página de Credenciais , obter uma Chave do navegador (e configurar as credenciais da API)
Exemplo: " https://maps.googleapis.com/maps/api/js?key= SUA_CHAVE_API &callback=initMap"
Passos para criar o aplicativo:
- Abrir o SAP WEB IDE a partir dos Serviços.
- Escolher Arquivo -> NOVO -> Projeto a partir do Modelo -> Aplicação SAPUI5.
- Fornecer as informações básicas (Nome do Projeto e Espaço de Nomes) para a aplicação.
- Selecionar o Tipo de Visualização (HTML, XML, JSON, JavaScript) como HTML (usado em nossa aplicação).
Escreva o seguinte código em sua visualização (HTML)
<form>
<div id="front-div">
<strong>Inicio:</strong> <input id="origin"><br>
<strong>Fin:</strong> <input id="destination"><br>
<button>Calcular Rota</button>
</div>
</form>
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