disable zooming dragging in Google maps by clicking on a button

Question

I want to add codes inside disable() function to disable dragging and zooming in Google maps API v3 by clicking on \'disable\' button.

Answer 1

@ScottE's answer pointed me in the right direction of using map.setOptions(). However, from the API documentation, I found that there is a more elegant set of options to set. Perhaps these are newer than the answer, but they work pretty well for me.

function disablePanningAndScrolling()
{
    map.setOptions({
        zoomControl: false,
        gestureHandling: 'none'
    });
}

This completely disables zooming and panning.

To return things to normal, just set the properties back to their defaults:

function enablePanningAndScrolling()
{
    map.setOptions({
        zoomControl: true,
        gestureHandling: 'greedy' // or 'cooperative'*
    });
}

*: the default is greedy if the page isn't scrollable, cooperative when it is. Pick whichever was the situation in your application.