gpt4 book ai didi

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

转载 作者:IT王子 更新时间:2023-10-29 03:04:52 25 4
gpt4 key购买 nike

我想在 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com