加载后更改 Google Maps v3 mapOptions 对象

Question

初始地图加载后如何修改V3地图的mapOptions？

具体来说，我希望能够翻转

draggable: false

选择

draggable: true

当触发某个操作（例如单击 div）时。

此外，我尝试加载 jquery-ui-map 并使用：

$('#map').gmap('option', 'draggable', true);

然而，这似乎会重新加载地图并忘记所有其他现有选项。我可以重新定义它们，但这似乎有点老套。

任何指点表示赞赏。

谢谢！

Answer 1

发现我什至不需要 jQuery - 它已经是 Google Maps API 的一部分。只需做：

map.set('draggable', true);

太简单了！希望它对某人有帮助。

====== 2020 更新 - 你应该使用：

map.setOptions({ draggable: true });

Answer 2

Google 地图 JavaScript API V3.25 更新

请注意，

map.set()

在较新版本的 Maps API 中不起作用。你必须使用

map.setOptions()

来源：Google 地图参考

Answer 3

如果您之前已经创建了地图，则可以一次设置多个选项（https://developers.google.com/maps/documentation/javascript/reference#MapOptions），如下所示：

var myOptions = {
                    zoom:11,
                    center: new google.maps.LatLng(-34.397, 150.644),
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    panControl: false
                };

map.set(myOptions);