Resize google map to show all points

I needed to get a google map to center and scale based on the added points.

I found a tutorial here: http://econym.googlepages.com/basic14.htm

This gave me exactly what I needed.

In short, given a GMap2 object called map and a map of locations (name -> object with lat and lng properties):


map.setCenter(new GLatLng(0,0),0);

var bounds = new GLatLngBounds();

for (name in locs) { var loc = locs[name]; var latlng = new GLatLng(loc.lat, loc.lng); var marker = new GMarker(latlng);

bounds.extend(latlng);

map.addOverlay(marker);

}

map.setZoom(map.getBoundsZoomLevel(bounds));

map.setCenter(bounds.getCenter());

Technorati Tags:Technorati Tags:

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Allowed HTML tags: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <strike> <caption>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Insert Flickr images: [flickr-photo:id=230452326,size=s] or [flickr-photoset:id=72157594262419167,size=m].
  • Replace [debbug:xxxxx] with a link to the relevant debian bug. xxxxxx can be a bug id, package, or any of several others - see http://www.debian.org/Bugs/ and scroll down to the list of URL forms for other examples.
  • You may link to Gallery2 items on this site using a special syntax.
  • Insert Google Map macro.
  • Images can be added to this post.
  • You can link nodes to other nodes using the following syntax:
    [node:node_id,title="val2"]

More information about formatting options