jQuery and Google Maps Tutorial: #1 Basics
There are many times I want to leverage jQuery’s strengths to create a custom Google Maps mashup. In this tutorial, I will walk you through how to get started using jQuery inside the Google Maps environment. I will assume nothing, and explain each piece in detail.
Step #1: Get API key
Step #2: Load Google Maps and jQuery
We want to load up jQuery and Google Maps with the Google AJAX Libraries API.
Make sure to replace YOUR_API_KEY_HERE with your API key. By using the Google AJAXLibraries API, it allows you to load the JavaScript libraries you need right from Google’s servers. This increases the chance that your users will be able to load the scripts faster from their browser cache, as well as shuffle the jQuery script loading off your server.
Step #3: Create the Google Map
To create our Google Map, we need to create a container
div and use CSS to give it a width and a height.id="map">
Click Here to send Free SMS in Pakistan