Try using this code for v3: gMap = new google.maps.Map(document.getElementById(‘map’)); gMap.setZoom(13); // This will trigger a zoom_changed on the map gMap.setCenter(new google.maps.LatLng(37.4419, -122.1419)); gMap.setMapTypeId(google.maps.MapTypeId.ROADMAP);
Javascript has a language structure called “closures”. Closures are functions (such as the function() {} you declare above to deal with click listener) which capture references to external variables. There are plenty of resources which explain them better than I can, which I suggest you consult, but here’s my best attempt: In this block here: … Read more
This happens because the fitBounds() needs to snap to a viewport that fits the map canvas using the maximum zoom level possible. On the other hand, the viewport returned by the geocoder is not dependent on the size, layout or zoom level of the map canvas. Therefore the fitBounds() method adjusts the map’s viewport in … Read more
For those that need an example like I did, here’s a basic one: // Map and directions objects var map = new google.maps.Map( element, options ); var service = new google.maps.DirectionsService(); var directions = new google.maps.DirectionsRenderer({suppressMarkers: true}); // Start/Finish icons var icons = { start: new google.maps.MarkerImage( // URL ‘start.png’, // (width,height) new google.maps.Size( 44, … Read more
Also remember to call: google.maps.event.trigger(map, ‘resize’); if you have changed the size of the <div>. A display:none <div> has no size.
As the other answers suggested, the fitBounds() method should do the trick. Consider the following example, which will generate 10 random points on the North East USA, and applies the fitBounds() method: <!DOCTYPE html> <html> <head> <meta http-equiv=”content-type” content=”text/html; charset=UTF-8″/> <title>Google Maps LatLngBounds.extend() Demo</title> <script src=”http://maps.google.com/maps/api/js?sensor=false” type=”text/javascript”></script> </head> <body> <div id=”map” style=”width: 400px; height: 300px;”></div> … Read more
Use the setZoom() method from the google.maps.Map class. var mapOptions = { /* Initial zoom level */ zoom: 8 … }; map = new google.maps.Map(…, mapOptions); /* Change zoom level to 12 */ map.setZoom(12);
Your field is TEXTAREA, and from last updates, google maps autocomplete now supports only window.HTMLInputElement (INPUT tag).
This is becoming a FAQ. See the replies to these questions: Add “Search Area” outline onto google maps result Google has started highlighting search areas in Pink color. Is this feature available in Google Maps API 3?