Lightweight jQuery Plugin For Embedding Google Maps - initmap.js

File Size: 20.8KB
Views Total: 3777
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Lightweight jQuery Plugin For Embedding Google Maps - initmap.js

initmap.js is a tiny jQuery plugin that allows you to quickly embed google maps using google map API. The plugin gets rid of the boilerplate code to embed a Google Map. It also gives you flexibility if you need to do more complex things.


  • HTML 5 Geolocation, get the user location
  • Markers API to get, remove, update marker on the map
  • InfoWindows, can get attached to a marker easily
  • Controls, show/hide, and position each control on the map

See also:

Basic Usage:

1. Include jQuery library, google map API and initmap.js on the web page 

<script src=""></script>
<script src="" type="text/javascript"></script>
<script src="src/initmap.js"></script>

2. Create a container for the map

<div id='map'></div>

3. Call the plugin with options

center : 'Paris, France', // Plain text address, or array of latitude / longitude: [ lat , lng ]
type: 'hybrid', // hybrid, roadmap, satellite, terain
options: { zoom: 4, scrollwheel: false } // Any property that is defined in google.maps.MapOptions

Change Log:

v1.0.0 (2013-06-23)

  • Added unsupported callback on geolocation for older browsers

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