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.
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 of the source files accompanying this book. When we have this page open in our text editor, let's make the following updates to the markup:
Update the navigation to reflect a select menu.
Include the
location.cssfile that will have the...