Documentation Home

• Documentation Home
• SeedCode Home

ProMaps

You can change the default, minimum, and maximum zoom levels by modifying the ProMaps HTML code in your solution.

Details on the zoom levels in Google Maps can be found in their 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
        }