O'Reilly logo

HTML5 iPhone Web Application Development by Alvin Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Geolocation and Google Maps

If you have been following along from the beginning of this chapter you should have a thorough understanding of the Geolocation API and have your Google account set up to tap into the Google Maps JavaScript API. If you haven't been following along that's okay as well, since this section is primarily driven to show how to implement both technologies. This section will prepare our location page within our application and then move quickly to implement Geolocation with Google Maps.

Markup preparation

In the previous chapter, we did some setup work to get our application going; we will follow the same setup work here to make sure all our pages are consistent. So let's open up the markup page related to location in /location/index.html ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required