Book Image

Mastering jQuery UI

By : Vijay Joshi
Book Image

Mastering jQuery UI

By: Vijay Joshi

Overview of this book

Table of Contents (19 chapters)
Mastering jQuery UI
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Creating the folder structure


Just as we did in previous chapters, let's begin by creating the folder structure. Create a new folder named Chapter7 inside the MasteringjQueryUI folder. Go inside this folder and create an HTML file called index.html for our HTML markup. Copy the js and css folders of jQuery UI inside the Chapter7 folder. Now go inside the js folder, create a new file, and name it myMap.js. This file will contain all of the code required for creating our maps mashup.

Getting a Google Maps API key

We will be using Google Maps JavaScript API v3 to display the maps. Google requires that you register your application and get an API key. Getting an API key is pretty easy. Visit https://developers.google.com/maps/documentation/javascript/tutorial#api_key from your browser to get detailed instructions on how to obtain an API key.

Once you are done setting up the folder structure and have an API key, move on to the next step – designing the page.