Home/ Questions/Q 6857651
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T02:03:09+00:00

I want to add codes inside disable() function to disable dragging and zooming in

  • 0

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

<script type="text/javascript">
   var map;

  function initialize() {
var uluru = new google.maps.LatLng(21, 57);
map = new google.maps.Map(document.getElementById("map"), {
  zoom: 6,
  center: uluru,
  mapTypeId: google.maps.MapTypeId.HYBRID
});
}


function disable(){

}

</script>


<body onload="initialize()" >

   <input type="button" id="next" value="disableZoomDrag" onclick="disable()">

</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use the setOptions() method on the map object:

    map.setOptions({draggable: false, zoomControl: false, scrollwheel: false, disableDoubleClickZoom: true});

    If this doesn’t prevent zooming, you could always set the minimum and maximum zoom to the current zoom level.

    There is also the disableDefaultUI option, which probably takes all of these events into account, but it might disable clicking on existing elements.

    • 0