javascript - 通过点击按钮禁用谷歌地图中的缩放拖动

标签 javascript google-maps google-maps-api-3

我想在 disable() 函数中添加代码,通过单击“禁用”按钮来禁用 Google map API v3 中的拖动和缩放。

<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>

最佳答案

您可以使用 setOptions() map 对象上的方法:

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

如果这不能阻止缩放,您始终可以将最小和最大缩放设置为当前缩放级别。

还有 disableDefaultUI 选项,它可能会考虑所有这些事件,但它可能会禁用对现有元素的点击。

关于javascript - 通过点击按钮禁用谷歌地图中的缩放拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8204144/

相关文章:

javascript - 隐藏部分 map

javascript - Rails4 - 对项目 Controller 的 AJAX 请求

javascript - 谷歌地图 : "click to see this area on google maps" - how to keep the markers

java - 每次更新数组时如何向监听器发出消息?

javascript - 如何在 Google Maps V3 的每条折线段上绘制箭头

javascript - 难以在 Google map 上查找某个区域内是否存在某个位置

javascript - 借助 javascript 实现 http header ?

javascript - 返回 Mongoose find() 中声明的变量

android - 谷歌使用新的 Intel Atom x86 仿真器映射 SDK

javascript - 从谷歌地图中的标记中删除默认的鼠标悬停工具提示