Google Maps Plugin for jQuery with Autozoom

Jocelyn's picture
Posted by Jocelyn on January 17 '11
Tags:

This update adds Autozoom functionality to the Google Maps Plugin for jQuery.

Updated Behaviour
Automatically center and zoom GMap to fit all markers. Autozoom will look to use latitude & longitude for each marker first, otherwise it will get the coordinates using the address field via the Google Maps API geocoder.

Default Behaviour
You can set either the latitude & longitude or address for the map and the default zoom level. If neither the latitude & longitude or address is specified, the map will center on the first marker.

What is gMap?

gMap is 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.

Usage

One property has been added to the gMap() function. For full usage documentation, refer to the gMap documentation.

autozoom: boolean
Default: true
If true, the map will autzoom and center to fit all markers. If "latitude" latitude & longitude or address specified, those will be used instead of the marker list.
$('#map').gMap({
  autozoom: true
});

Download

Demo

Licensing

Creative Commons License gMap is licensed under Creative Commons BY-SA 3.0 license. In short: You're allowed to copy, distribute, transmit and to adapt - as long as you attribute the work. If you alter, modify or build upon this sourcecode, you may distribute the resulting work only under the same, similar or compatible license.

Tags:

Comments

1. chillers on January 7, 2012 at 1:28am
chillers's picture

thanks for sharing it

2. Tom on July 22, 2011 at 11:01am
Tom's picture

Hi there, is it possible to use it for example like it's been use here?
htpp://adsoftheworld.com/media/online/volkswagen_fox_twitter_zoom

Very curious!

BR Tom

3. gyaneshwar on May 19, 2011 at 10:32pm
gyaneshwar's picture

thanks

4. Jleagle on March 30, 2011 at 7:20am
Jleagle's picture

Not working for me in IE, just displays a grey box.

5. Cory on February 10, 2011 at 12:59am
Cory's picture

You can't imagine how helpful this is to me. Been trying to work this out for the better part of a year.

6. Dairon Medina on February 2, 2011 at 6:19pm
Dairon Medina's picture

Nice and very useful to me. Thanks for sharing and best reggards from Cuba.

7. marcus on January 21, 2011 at 10:22am
marcus's picture

thanks for this! very useful.
couldnt get the original gmap to work.

best,
m

Add New Comment