Given the mobile nature of phones and other mobile devices, being able to incorporate the Google Maps service is extremely useful. Not only will people most often use maps when they are on the move, but we can access their current location to provide more relevant details. The ability to provide contextual functionality to users is a huge advantage of mobile applications.
You're likely aware that developers can use the Google Maps API to provide map functionality on web and mobile applications just like this one:
<p> </p> <p> Fortunately, Sencha Touch supports this functionality by default with the 'Ext.Map' class. An example of Google Maps implemented in Sencha Touch comes with the Sencha Touch download package, you can find it by navigating to: </p> ```
<p> The implementation is very advanced in this example though, so in this post I'm going to cover the basics of how to set up the Google Maps API. </p> <h3> Setting up the Google Maps API </h3> <p> First, you'll have to include the following line in your index.html file right after the microloader is inlcuded: </p> ```html