javascript - Google Maps API V3で地図のドラッグを同期する方法はありますか？

Question

私はGMapsAPIv3を使用しており、2つのGoogleマップが並んでいます。左側のマップをX、右側のマップをYと呼びましょう。私の質問は、ユーザーがXをドラッグしたときにYをドラッグさせることができるかどうかです。

グーグルマップでドラッグイベントを検出する方法を知っていますが、あるマップから別のマップにドラッグを適用する方法はありますか？

ありがとう！

score 3 · Accepted Answer

同様の機能が欲しかったのですが、ズームもミラーリングする必要がありました。

ご想像のとおり、受け入れられた回答と非常によく似ています。

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

そして、ここにそれを示す JSFiddle があります: http://jsfiddle.net/LREfU/

score 2 · Accepted Answer

これが私が試みることです：あなたのドラッグイベントでは、 XgetCenter()で使用し、その緯度経度をYで使用します。マップ API の「bounds_changed」イベントを使用していると仮定しています。setCenter()

更新：次のようなもの：

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

setTimeoutユーザーが X のドラッグを停止したことを検出し、Y の中心を設定するロジックを追加することもできます。

2 に答える 2