Question

Hi this is my site in which when I enter a location I see the opposite side of the world in the second map. I want to synchronize the two maps such that when the user moves the map1, map2 automatically moves to follow. I tried a lot but its not working there. Here is the link to my page Please anyone who can tell me what should I do? You can view the source code also.

Answer 1

You should use the center_changed event and the getCenter/setCenter methods.

Maybe something like this:

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);
}

I don’t know if my getOppositePosition function returns the right position – is the opposite position on the earth the place with opposite lat and lng like this? If not, try implementing the function in a different way.