是否有任何方法来同步地图拖动在谷歌地图API V3

Is there any way to sync map dragging in Google Maps API V3?

本文关键字:拖动 谷歌地图 API V3 地图 同步 任何 方法 是否      更新时间:2023-09-26

我使用GMaps API v3,我有两个并排站立的谷歌地图,让我们调用左边的地图X和右边的地图Y。我的问题是,如果有可能使Y拖动自己当用户拖动X?

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

谢谢!

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

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

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

下面是一个JSFiddle演示它:http://jsfiddle.net/LREfU/

这是我要尝试的:在您的拖动事件中,在X上使用getCenter(),然后在Y上使用latlng到setCenter()。我假设你正在使用地图API的'bounds_changed'事件。

更新:像这样:

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

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