jQuery Plugin For Google Maps API Manipulation - Google Map

jQuery Plugin For Google Maps API Manipulation - Google Map

Google Map is a lightweight jQuery plugin that enables you to create maps, markers or routes for your own complete google map using google maps API 3.


  • Allows to create 4 types of maps: road map, satellite map, hybrid and terrain
  • Allows to create map markers with links,¬†infoview and¬†personal icons
  • Allows you to create a route between a start postal address to an arrival postal address or GPS coordinates.
  • Callback supported

See also:

Basic Usage:

1. Include jQuery library and jQuery Google Map plugin on the web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.googlemap.js"></script>

2. Load the google maps api on the page

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("maps", "3.4", {
other_params: "sensor=false&language=en"

3. Create a container for your google map

<div id="map" style="width: 400px; height: 300px;"></div>

4. Create a simple google map

$(function() {
zoom: 10, 
coords: [48.895651, 2.290569], 
type: "ROADMAP" 

5. Complete settings with default values.

zoom : 10,
coords : [48.895651, 2.290569],
type : "ROADMAP",
debug : false,
langage : "english",
overviewMapControl: false,
streetViewControl: false,
scrollwheel: false,
mapTypeControl: false



  • Get Zipcode in the addMarker success function.



  • Update jquery.googlemap.js


  • Various bugfixes


  • Update jquery.googlemap.js


  • Add Marker using coords

v1.3.1 (2014-04-10)

  • Bugs fixed.

v1.3.0 (2014-01-09)

  • Add waysteps and debug option

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

  • Publication date: 16.10.2018
  • Source