Zoom
ProMaps.Zoom History
Hide minor edits - Show changes to output
Added lines 1-22:
You can change the default, minimum, and maximum zoom levels by [[MapHTML | modifying the ProMaps HTML code in your solution]].
Details on the zoom levels in Google Maps can be found in their [[https://developers.google.com/maps/documentation/javascript/tutorial#zoom-levels | documentation here]].
!!The Changes
Inside the HTML, there is a section starting with '''var myOptions = {'''.
To change the default zoom level, change the value on the line "'''zoom: 4,'''" to the zoom level you'd prefer.
To set a minimum zoom level, you can add a line with the property ''minZoom'', and to set a maximum zoom level, add a line with the property ''maxZoom''.
Here's an example of the modified ''myOptions'' object with a default zoom of 8, minimum zoom of 6, and maximum zoom of 15:
var myOptions = {
zoom: 8,
minZoom: 6,
maxZoom: 15,
center: centerMap,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false // modified for shape search
}
Details on the zoom levels in Google Maps can be found in their [[https://developers.google.com/maps/documentation/javascript/tutorial#zoom-levels | documentation here]].
!!The Changes
Inside the HTML, there is a section starting with '''var myOptions = {'''.
To change the default zoom level, change the value on the line "'''zoom: 4,'''" to the zoom level you'd prefer.
To set a minimum zoom level, you can add a line with the property ''minZoom'', and to set a maximum zoom level, add a line with the property ''maxZoom''.
Here's an example of the modified ''myOptions'' object with a default zoom of 8, minimum zoom of 6, and maximum zoom of 15:
var myOptions = {
zoom: 8,
minZoom: 6,
maxZoom: 15,
center: centerMap,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false // modified for shape search
}
