Easily Add Maps to a Webpage: Google Maps jQuery Plugin

Posted on January 6, 2010, under jQuery,  Bookmark it

The Google Maps JQuery Plugin attempts to simply the process of adding maps to a page. Having less than 10KB of JavaScript, this plugin lets you simplify embed Google Maps using the Google Maps JavaScript API in your webpages. Since portions of the map (div container, info window) can be controlled through CSS, you can create your own style. The plugin’s options (latitude, longitude, depth, layer, controls, markers, polylines, pan) are interchangeable and can be used together.

Some of the features that can be used are:

  • Custom Latitude & Longitude
  • Custom Depth (Zoom Level)
  • Polyline Load
  • Pan Map
  • Place layer data set on the map
  • Place single or multiple markers (e.g. custom icons) on the maps
  • Map control position
  • Add/Hide control/controls

PS: To use the Google Maps JavaScript API, you need to sign up for an API key.

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

One Reply to "Easily Add Maps to a Webpage: Google Maps jQuery Plugin"

  1. Thanks for sharing this!

Leave a Reply


* = required fields

  (will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)