参照其他地图自动移动地图答案

【问题标题】：Automatically moving map with reference to other Map参照其他地图自动移动地图
【发布时间】：2011-11-10 12:47:23
【问题描述】：

您好，这是我的网站，当我输入一个位置时，我会在第二张地图中看到世界的另一端。我想同步这两个地图，这样当用户移动 map1 时，map2 会自动跟随移动。我尝试了很多，但它不在那里工作。这是link to my page 请谁能告诉我我该怎么办？您也可以查看源代码。

【问题讨论】：

标签： php javascript google-maps map google-maps-api-3

【解决方案1】：

您应该使用 center_changed 事件和 getCenter/setCenter 方法。

可能是这样的：

google.maps.event.addListener(map1,'center_changed', function () {
    var newCenter = map1.getCenter();
    var opppositePosition = getOppositePosition(newCenter);
    map2.setCenter(oppositePosition);
});

function getOppositePosition(originalPosition) {
    return new google.maps.LatLng(newCenter.lat() * -1, newCenter.lng() * -1);
}

我不知道我的getOppositePosition 函数是否返回正确的位置 - 地球上的相反位置是这样的纬度和经度相反的地方吗？如果没有，请尝试以不同的方式实现该功能。

【讨论】：

如果您看到我的代码，我将地图划分为 div，然后使用 map = new google.maps.Map(document.getElementById("map_canvas_new"), myOptions);声明。我把我的代码分成函数，那么我在哪里写这个？
一种方法是将两个映射存储为全局变量。然后在用户按下“定位”按钮时（在绘制第二张地图之后）初始化我上面写的代码。