Powerful and Versatile jQuery Google Maps Plugin - gmaps

File Size: 96.7KB
Views Total: 2989
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
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:

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.