Pro jQuery Mobile

Google Maps Integration

In a recent Mobile Web survey, nearly 75% of Web developers use Geolocation, making it the most popular HTML5 API.¹³ When building applications that are location aware, it is common to have a map view displaying points of interest or directions. On the Web, Geolocation¹⁴ in conjunction with Google Maps¹⁵ provide a very useful API for building map functionality. In this section, we are going to see how well jQuery Mobile integrates with Geolocation and Google Maps. To start we will create an example that plots your current location on a map (see Figure 9–8).

__________

¹³ See http://www.webdirections.org/sotmw2011/.

¹⁴ See http://dev.w3.org/geo/api/spec-source.html.

¹⁵ See http://code.google.com/apis/maps/documentation/javascript/basics.html ...