Este tutorial nos enseñará como crear una App basada en GPS y todas las funcionalidades que Mobincube nos ofrece para utilizar geolocalización, mapas, rutas y calculador de distancia.
Vamos a ver todos los pasos para crear una App basada en GPS.
RUTA
La primera funcionalidad ofrecida por el interfaz de Mobincube que nos permite ubicar nuestro negocio o actividad es lo de RUTA.
Si por ejemplo tenemos la necesidad de enseñar la ubicación de una actividad y la RUTA para llegar desde nuestra posición actual a la de la tienda o negocio que estamos promocionando, podemos utilizar esta funcionalidad.
Primero vamos a añadir a la pantalla un botón/icono que al pincharlo nos de la ruta para alcanzar nuestra tienda.
Subimos el icono y le asignamos la ACCIÓN: RUTA.
La acción RUTA va a abrir el gestor de Google Maps que tenemos por defecto en el dispositivo para dar las indicaciones al usuario sobre como llegar a una localización en concreto.
Como Destino de la RUTA tendremos que indicar las coordenadas del destino directamente en el campo Ruta, separadas por comas. Por ejemplo: 37.77342854582093, -122.420997619628.
Si estamos utilizando esta acción en un Visor de Datos y queremos calcular la ruta utilizando como destino un campo de la base de datos de tipo: “LOCALIZACIÓN”, tendremos que elegir en el destino de la acción RUTA el nombre del campo tipo localización de nuestra base de datos. Por ejemplo: (places.location) donde places es el nombre de la base de datos que contiene el campo location.
Podemos utilizar esta página web para encontrar nuestras coordenadas:
http://www.gps-coordinates.net/.
MAPA
La pantalla MAPA nos permite abrir el Google Map dentro de la misma pantalla de la aplicación.
Podemos elegir una pantalla MAPA que contenga los lugares de interés que queremos enseñar.
Para ver como utilizar una pantalla tipo MAPA, vease el artículo relacionado: MAPA
Una vez creada una pantalla Mapa e insertados los puntos de interés, podemos asignar una acción a la etiqueta del punto de interés (Imagen 1).
y/o utilizar una barra de navegación en la que asignaremos al botón del gps la acción: OBTENER LOCALIZACIÓN, para obtener, al pincharlo, nuestra ubicación el el Mapa (imagen 2) o la acción Ruta, para obtener la ruta hacía el punto de interés.
STREET VIEW
Otra funcionalidad muy interesate es la utilizar el Street View en una pantalla tipo WEB para poder abrir dentro de la pantalla esta funcionalidad ofrecida por Google y que enseña panorámicas a nivel de calle, para ver partes de los lugares seleccionados y sus áreas metropolitanas circundantes.
Para utilizar Street View tendremos que utilizar una pantalla tipo WEB e insertar la url proporcionada por google en esta página: https://www.google.it/maps/streetview/.
El resultado en nuestro dispositivo será como este:
GPS EN VISOR DE DATOS
Si necesitamos que nuestros usuarios visualicen un número muy grande de puntos de interés, la solución mejor sería la de utilizar una pantalla tipo VISOR DE DATOS con base de datos incorporada.
Como hemos visto antes, podemos crear un campo tipo LOCALIZACIÓN donde poner todas las coordenadas de los puntos de interés.
Podremos visualizarlos en una vista MAPA como en el siguienete ejemplo:
RUTA
Para obtener la RUTA haremos como explicado anteriormente y asignaremos a algún elemento del visor de datos (en nuestro ejemplo en la vista Mapa) la acción RUTA y como destino elegimos desde el compositor el campo tipo localización: (places.location) donde places es nombre de la base de datos y location es el campo tipo localización que contiene las coordenadas.
Al pinchar este elemento se abrirá el Google Map que nos enseñará las coordenadas del registro de la base de datos.
REALIDAD AUMENTADA
Podemos tambien insertar una imágen que, al pincharla, nos lleve a una nueva vista tipo “Realidad Aumentada”.
La realidad aumentada buscará informaciones sobre los lugares donde estemos, a través del GPS y activará la cámara del móvil para enseñarnos lo que vemos delante.
NOTA: La realidad aumentada no está soportada por HTML5
SCRIPT PARA CALCULAR DISTANCIA
Por último Mobincube ofrece esta funcionalidad que permite calcular la distancia desde la posición del usuario a un punto de la base de datos. La distancia se mide en línea recta entre 2 puntos.
Sólo hay que crear un elemento de tipo texto remoto (online) y ponerle la siguiente URL
https://scripts.mobincube.com/scripts/distance.php?source={location}&destination=(campoBD)&unit=k
Explicamos que hace cada cosa.
source={location} toma la posicion del usuario para tomarlo como referencia.
destination=(campoBD) toma el destino del campo de la base de datos. Tienes que poner entre paréntesis el nombre que le hayas puesto al campo localización de la base de datos.
unit=k es la unidad con la que hace los cálculos. Puedes elegir: k para kilómetros, m para millas y n para millas náuticas.
https://scripts.mobincube.com/scripts/distance.php?source={location}&destination=(Location)&unit=k
En youtube: Crea una App basada en GPS