Question

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>

Answer 1

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.

还有一个“<代码>可拆卸的办法”,该办法可能考虑到所有这些活动,但可能无法点击现有内容。

Answer 2

@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 
    });
}

这完全使分裂和pan化。

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

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

* 缺省是指一页可滚动的、合作性的。无论哪一种情况是你的申请。

友情链接