SAP APPGYVER: cómo usar el componente de mapas integrados en sap appgyver (plataforma sin código de código bajo)

Introducción a SAP Appgyver:
Sap Appgyver es la opción de código bajo y sin código más confiable para crear aplicaciones gratuitas para IOS y Android. Aquí puede definir la estructura y la lógica de navegación de su aplicación. Puede crear interfaces de usuario perfectas en muy poco tiempo sin ningún código, solo con la funcionalidad de arrastrar y soltar.
Aquí, en este blog, le mostraré los pasos de cómo crear la aplicación simple y señalar los marcadores en función de su ubicación y cómo solicitar su búsqueda de ubicación en Google Maps.
Cómo utilizar el creador de aplicaciones:
• Cuando inicia sesión, tiene la opción de crear una nueva aplicación.
• Haga clic en Crear nuevo.

• Proporcione el nombre de la aplicación y haga clic en crear.

• La aplicación se creó con éxito, este es el editor donde puede comenzar a crear la aplicación.
• Cuando haga clic en el menú desplegable en Página vacía, se le indicará un área donde puede crear varias páginas para su aplicación.

• Aquí también se puede cambiar el nombre de la página, internamente tiene una opción para navegar entre estas páginas, le mostrará cómo continuar.
• Si ve la página que ha creado en el lado izquierdo, hay muchos componentes Imagen, Formularios, Vista de desplazamiento y Lista. Estos son componentes centrales que se pueden usar para la interfaz de usuario arrastrando y soltando en el área central.
• También dispone de un mercado desde el que puede instalar las funciones de caudal y los componentes necesarios. Estos instalados se pueden ver en la tercera pestaña.

• En la página de instalación puede ver los componentes que haya instalado.
Ahora pasemos a los pasos de cómo crear la interfaz de usuario:
Paso 1: necesitamos crear una interfaz de usuario simple con dos campos de entrada y un botón.

Paso 2: arrastre el componente Título del lado izquierdo y colóquelo en el editor de la interfaz de usuario. Proporcione los valores de los campos en su panel del lado derecho. Si tiene algún servicio, puede vincularlo haciendo clic en el icono ABC.

Paso 3: A continuación, arrastre el componente de la barra de búsqueda y vincule el valor utilizando la variable de datos. A continuación, le mostraré cómo mantener las variables de datos.

Paso 4: De manera similar, agregue un título más y un componente de barra de búsqueda.
Paso 5: arrastre el componente del botón y mantenga el texto.

Para todos y cada uno de los componentes, tendrá la opción de agregar lógica.

Ahora, desde la lógica de eventos de este botón, vamos a la página siguiente para mostrar el mapa con los valores que vinculamos.
Crear otra página con el componente de vista incrustado:
Paso 1: Cree otra página para mostrar la vista del mapa.

Paso 2: Arrastre el Componente de Vista de Mapa Embebido, cuando haga clic en él podrá ver los eventos respectivos para Prensa.

Paso 3: en el lado derecho, tiene marcadores para representar donde puede vincular la lista de valores de latitud y longitud.
Paso 4: haga clic en el ícono Marcadores para renderizar matriz; obtendrá una página para dar detalles.

Paso 5: seleccione Lista de valores para obtener la lista de datos del mapa.

Paso 6: puede seleccionar la región del mapa inicial, es decir, cada vez que se cargue este mapa, marcará las coordenadas iniciales.

Cómo crear variables de datos:
Puede ver en la parte superior derecha que muestra un cambio de vista y variables.

Seleccione las variables y podrá ver la pantalla donde puede crear las variables.

Variable de la aplicación: esta variable es algo que se puede usar en cualquier parte de la aplicación.
Variable de página: esta variable es algo que solo se puede usar para una página específica.
Parámetros de página: estos son parámetros que se pueden pasar como argumentos al navegar a otra página.
Variables de datos: estas variables se utilizan para una página específica.
Agregue dos variables de aplicación como número para Latitud y Longitud. Estas variables se utilizan para vincular los campos de texto en la primera página.

Dentro del mapa habrá un marcador, se agrega un mensaje de brindis para mostrar los valores de latitud y longitud cuando se presiona el marcador en el mapa.

Cuando hace clic en el botón Mostrar en el mapa para ese evento de prensa, puede agregar el componente de navegación y dar el nombre de la página que tiene que abrir.
Aquí, la página que tiene un componente de mapa incrustado se agrega al hacer clic en el botón y navegará a esa página.

En lugar de los marcadores del mapa, también puede escribir algo de javascript dentro del evento de clic usando un componente JS y publicar el resultado.
Si desea utilizar Google Maps directamente desde su dispositivo móvil, al hacer clic en el botón, hay un componente de URL abierta que abrirá Google Maps desde su dispositivo móvil.
.

Agregue la URL de Google Maps directamente aquí, para que se redirija a ella. Guarde todos sus cambios antes de ejecutarlo.
Cómo ejecutar la aplicación:
Paso 1: Haga clic en la opción de inicio en la parte superior.

Paso 2: descargue la aplicación Sap Appgyver en su dispositivo Android e inicie sesión con sus credenciales. Te mostrará todas las aplicaciones en las que estás trabajando.
Paso 3: haga clic en el nombre de la aplicación y pruebe haciendo clic en el botón que proporciona los datos.
Paso 4: Asignará sus coordenadas en el mapa, y cuando se presione el marcador, le mostrará las coordenadas.
Esta es la creación básica de la aplicación en sap appgyver, ¡puedes hacer un recorrido rápido y jugar! Lo encontrarás interesante.

¡¡Feliz aprendizaje!!
Automatización de procesos de negocio de Sap: blog próximamente… Estén atentos 😊