如何禁用谷歌地图拖动功能

20
如何在您的网站上禁用谷歌地图中的拖动,以使其像图像一样冻结?我刚刚使用了基本的Iframe代码,它为我提供了谷歌地图。
4个回答

46
您可以在地图对象的setOptions()方法中设置draggable: false:
map.setOptions({draggable: false});

更多信息在此处(按Ctrl + f并搜索“draggable”)。


1
它不会禁用使用箭头移动地图,您还需要将keyboardShortcuts设置为false。 - Sebastian Nowak
注意:此属性已被弃用。要在地图上禁用拖动,您可以使用 gestureHandling 属性,并将其设置为“none”。 - lfkwtz

7

draggable属性已被弃用。

现在,您可以使用gestureHandling属性并将其设置为"none"来禁用地图上的拖动。

您还可以通过将keyboardShortcuts设置为false来禁用箭头键的使用。

示例:map.setOptions({gestureHandling: "none", keyboardShortcuts: false});


3

这段CSS代码可以防止地图滚动时意外缩放,让用户更加舒适。将此CSS代码放置在自定义CSS区域中,保持所选显示的地图视图。

.sqs-block-map {pointer-events: none;}

1

1
你可以在这里轻松生成静态地图:http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html - user2019515

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接