Desarrollo de apps con Titanium: Geolocalización

Una de las características de las aplicaciones que tienen gran éxito en el mercado sin duda es la geolocalización por ende explicaré un ejemplo sencillo, en el que colocaremos un pin dependiendo la latitud y longitud dada. 



Y esto es lo que despliega el código desde android:

 

En el código se crea una vista del mapa en el que pide como parámetros el tipo de mapa: TITANIUM.MAP.STANDARD_TYPE, TITANIUM.MAP.SATELLITE_TYPE y TITANIUM.MAP.HYBRID_TYPE.Estos se ven de la siguiente manera:

También tenemos latitud y longitud los cuales esos dependen de la ubicación exacta del mapa donde quieres que se despliegue la vista del map, de igual manera vemos unos que se llaman latitudDelta y longitudDelta con ellos le decimos cual es nivel de zoom que queremos en el mapa.

Animate es un valor booleano que nos permite el zoom y animación de movimiento dentro o fuera de la vista del mapa. Útil en el caso de la focalización dispositivos más antiguos, con capacidad de procesamiento de baja y / o ancho de banda bajo.

El parámetro region acepta por propiedad un arreglo de parámetros, el cual puede contener puntos de latitud y longitud que nosotros deseamos y colocarlos en el mapa de igual manera con los valores delta.userLocation es un valor booleano que puede apagarse o encenderse con un punto azul como indicador en el cual indica donde estás en relación con la vista del mapa.regionFit es un valor booleano que indica si la región seleccionada se ajusta a las dimensiones de vista dado.

La anotación agregada será descrita de la siguiente manera:

 
En la que tiene los mismos parámetros, con la excepción de algunos como leftButton, rightButton title, subtitle y pinColor.
Esta es la forma de usar colocar una imágen a un leftButton :




En la cual  tiene como parámetro image en donde colocas la dirección de la imágen a mostrar.

Ahora mostaré como colocarle una imágen en el rightButton y como agregarlo:

Y esta es la forma como se agregan eventos de la vista del mapa:

Los pines pueden ir de estos diferentes colores:

Verde
Titanium.Map.ANNOTATION_GREEN  

 Rojo
Titanium.Map.ANNOTATION_RED

Morado
Titanium.Map.ANNOTATION_PURPLE

Fuentes:

Imágenes fueron tomadas de esta presentación
http://www.slideshare.net/jhaynie/whats-great-in-appcelerator-titanium-08