Book Image

Appcelerator Titanium Smartphone App Development Cookbook Second Edition

Book Image

Appcelerator Titanium Smartphone App Development Cookbook Second Edition

Overview of this book

This book will take you through the process of building cross-platform, native UI applications for the mobile from scratch. You will learn how to develop apps, how to use GPS, cameras and photos and how to build socially connected apps. You will also learn how to package them for submission to the App Store and Google Play. This cookbook takes a pragmatic approach to creating applications in JavaScript from putting together basic UIs, to handling events and implementation of third party services such as Twitter, Facebook and Push notifications. The book shows you how to integrate datasources and server APIs, and how to use local databases. The topics covered will guide you to use Appcelerator Studio tools for all the mobile features such as Geolocation, Accelerometer, animation and more. You’ll also learn about Alloy, the Appcelerator MVC framework for rapid app development, and how to transfer data between applications using URLSchemes, enabling other developers to access and launch specific parts of your app. Finally, you will learn how to register developer accounts and publish your very own applications on the App Store and Google Play.
Table of Contents (21 chapters)
Appcelerator Titanium Smartphone App Development Cookbook Second Edition
About the Author
About the Reviewers

Drawing routes on your MapView

In order to track our movements and draw a route on the map, we need to create an array of points, each with its own latitude and longitude values. The MapView will take in this array of points as a property called route, and draw a series of lines to provide a visual representation of the route for the user.

In this recipe, we will create a timer that records our location every minute and adds it to the points array. When each new point is recorded, we will access the Google Directions API to determine the distance and add it to our overall tally of how far we have traveled.


Note that this recipe has been designed to work on iOS devices and has not been tested on Android. To use this code on Android, you will need to obtain a Google Maps key and configure it in the TiApp.xml file.

How to do it...

Add the following code after the mapView is defined:

//create the event listener for when annotations
//are tapped on the map
mapview.addEventListener('click', function...