Question

I have a page with a Google Map generated. I want to be able to use the address bar to change the zoom and center point. E. g.:

www.example.com/mymap?zoom=10&center=10,15
www.example.com/mymap?zoom=10&lat=10&lng=15

I remember that there was a similar combination that worked, but now I can’t get any results with it.

Here is my function:

function initialize() {
// create the map
var myOptions = {
zoom: 5,
center: new google.maps.LatLng(10,15),
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(8, 12),
new google.maps.LatLng(12, 18));

var options = {
bounds: defaultBounds
};

google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});

var infowindow = new google.maps.InfoWindow(
{ size: new google.maps.Size(150,50)});

Answer 1

Are you looking for something like this (translated to the Google Maps API v3 from Mike Williams’ v2 tutorial):

http://www.geocodezip.com/v3_MW_example_linktothis.html?lat=42.359783&lng=-71.092800&zoom=18&type=h