Easily Add Maps to a Webpage: Google Maps jQuery Plugin
Posted on January 6, 2010, Filled 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.
- Source: http://www.mayzes.org/googlemaps.jquery.html
- Tested in: Firefox 3, Internet Explorer 8, Safari 4
- License: GPL
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- January 6, 2010
- article by Gabriel C.
- 1 comment
Related Posts
Embed Google Maps into your website: gMap jQuery Pluginat March 5, 2010
Integrate Your Buzz Stream Into Your Webpage: Google Buzz Widgetat February 16, 2010 with 1 comment
Visually Connect Elements on a Web Page: jsPlumb jQuery Pluginat March 25, 2010
Lightweight and intelligent custom tooltip: TipTip jQuery Pluginat January 15, 2010
jQuery Unobtrusive Time Picker Plugin: jquery.timepickrat August 22, 2009


One Reply to "Easily Add Maps to a Webpage: Google Maps jQuery Plugin"
January 6, 2010 at 5:03 PM
Thanks for sharing this!