10 jQuery Google Map Plugins

Sam Deering
Here are 10 very different jQuery Google Maps Plugins to make life as easy as a street map. You might only want to display a simple map that displays directions to your clients address, or even an interactive map with more options as necessary. The plugins below offer not only an easier method to install a map, they also offer the option to add extra functionality, and should you choose to need them. Happy mapping!

Related Posts:

Premium – Google Maps Video Search

Google maps video search and display script.

1. gMap

A lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.
Update 21/08/2011: latest updates on the gMap plugin.
gMap.jpg
Source

2. jQuery GPS

A jQuery plugin for people that want to add Google maps to their website, but don’t want their website to be bogged down with features they don’t need. A lightweight and simple solution to all your Google Map needs. Add inputs for addresses by simply adding default or custom ID’s. You can use any element to trigger the event! So it doesn’t need to be embedded inside a form.
jQuery-GPS.jpg
Source

3. googlemaps

This plugins makes it easy to put a Google Map on your page. You will need a valid Google Maps API key from http://www.google.com/apis/maps/. Look at the source code of this page if you want to know how to use the plugin. Markers can be provided by a jQuery object (containing elements in the geo microformat) or an array of objects that provide lat, lng and txt for the popup (txt being optional).
googlemaps.jpg
Source

4. jQMaps

A Google Maps plugin. This is a sample of jqmaps plugin developed by SeViR.
jQMaps.jpg
Source

5. jQuery Google & Maps

Another cool Google Maps plugin.
jQuery-Google-Maps.jpg
Source

6. jQuery Maps Interface

Easily create Google or Yahoo maps.
jQuery-Maps-Interface.jpg
Source

7. Google Maps jQuery Plugin V1.01 – Shawn Mayzes

Lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages. To use The Google Maps JavaScript API, you need to first sign up for an API key. Once you’ve received an API key, you can develop a map application following the instructions in this documentation.
Google-Maps-jQuery-Plugin-V1pt01-Shawn-Mayzes.jpg
Source

8. Mapbox: Zoomable jQuery Map Plugin

The jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content. This framework could be applied to games, development plans, or any layout that could benefit from being able to zoom in and pan to get a better view.
Mapbox-Zoomable-jQuery-Map-Plugin.jpg
Source

9. jMapping

This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.
jMapping.jpg
Source

10. jMaps Framework

A jQuery plugin that provides a simple but powerful API for Google’s mapping services.
jMaps-Framework.jpg
Source

11. goMap

$.goMap() is jQuery v1.4 plugin using Google Maps v3.
gomap-jquery
Source

12. GMAP3

A jQuery plugin to create google maps with advanced features (overlays, clusters, callbacks, events…)
gmap3-jquery
Source

Win an Annual Membership to Learnable,

SitePoint's Learning Platform