Powerful and Versatile jQuery Google Maps Plugin - gmaps

gmaps is a jQuery plugin which takes advantage of javascript and google maps API to use the potential of Google Maps in a simple way.

Features:

• Creates google map with events, map marker and polylines
• Creates routes
• Supports services like Geolocation and Geocoding
• Utils: Street View Panoramas, Context menu, Custom controls, Fusion Tables layers, KML and GeoRSS layers and more
• Overlays: Polylines, Polygon, GeoJSON Polygon ... 

See also:

• Lightweight jQuery Plugin For Embedding Google Maps - initmap.js
• jQuery Plugin for Integrating Google Maps v3 With Your Web Page - TekMap
• Google Maps Store Locator Plugin For jQuery
• jQuery Plugin To Locate and Display Determined Places with Google Maps API
• jQuery Plugin For Google Maps API Manipulation - Google Map

Basic Usage:

1. Include jQuery javascript library and jQuery gmaps.js script on your web page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../gmaps.js"></script>

2. Include Google Maps Api on your page

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

3. Create the container for your google map

<div id="map"></div>

4. The javascript. You must define container ID, latitude and longitude of the map's center.

<script type="text/javascript">
var map;
$(document).ready(function(){
prettyPrint();
map = new GMaps({
div: '#map',
lat: -12.043333,
lng: -77.028333
});
});

---

This awesome jQuery plugin is developed by hpneo. For more Advanced Usages, please check the demo page or visit the official website.