Disable movable Gmap

Question

is it possible to disable the move inside of a google mal (v3) for the time i drag a marker? I don't want to use i.e. the static map. I need the generall function of movement, but for the moment I drag a marker, the map should not move.

Thanks a lot!

Answer 1

Markers have dragstart and dragend events. On dragstart, disable the "movement" functionality on the Map by setting various MapOptions to false, like draggable, scrollwheel, etc. On dragend, set the MapOptions back to true.

Here is a function you can use to disable or enable map movement based on a boolean. It assumes your Map variable is map.

function disableMovement(disable) {
    var mapOptions;
    if (disable) {
        mapOptions = {
            draggable: false,
            scrollwheel: false,
            disableDoubleClickZoom: true,
            zoomControl: false
        };
    } else {
        mapOptions = {
            draggable: true,
            scrollwheel: true,
            disableDoubleClickZoom: false,
            zoomControl: true
        };
    }
    map.setOptions(mapOptions);
}

And then you use this in your events like this (marker is your Marker variable):

google.maps.event.addListener(marker, 'dragstart', function() {
    disableMovement(true);
});

google.maps.event.addListener(marker, 'dragend', function() {
    disableMovement(false);
});

Answer 2

gmap.setOptions({'scrollwheel': false});