有没有办法在Google Maps API V3中同步地图拖动?

时间:2013-03-22 13:32:22

标签: javascript google-maps-api-3

我使用GMaps API v3并且我有两个并排站立的Google地图让我们将地图调用到左侧 X ,将地图调用到右侧 Y 。我的问题是,当用户拖动 X 时,是否有可能让 Y 拖动?

我知道如何检测谷歌地图上的拖动事件,但是如何将拖动从一个地图应用到另一个地图?

谢谢!

2 个答案:

答案 0 :(得分:3)

我想要一个类似的功能,但还需要镜像缩放。

正如您所料,它与接受的答案非常相似:

google.maps.event.addListener(map, 'bounds_changed', (function () {
    map2.setCenter(map.getCenter());
    map2.setZoom(map.getZoom());
}));

这是一个JSFiddle,它演示了它:http://jsfiddle.net/LREfU/

答案 1 :(得分:2)

以下是我要尝试的内容:在您的拖动事件中,在 X 上使用getCenter(),然后在 Y setCenter() >。我假设你正在使用map API的'bounds_changed'事件。

更新:有些事情是这样的:

//X and Y are map objects
google.maps.event.addListener(X, 'bounds_changed', (function () {
    Y.setCenter(X.getCenter());
}));

您甚至可以使用setTimeout添加一些逻辑来检测用户何时停止拖动X,然后将中心设置为Y.