Javascript 如何通过点击谷歌地图API V3在两个地图之间切换？

我有一个带有两个标记的地图，一个距离另一个非常远，为了不让缩放太远，我需要为地图制作一个完整大小的页面，并且我希望在地图之间动态更改，以便用户不必更改到额外的窗口来查看其他位置。这是我想如何做到这一点的图像。我真的很感谢大家的帮助和经验

下面是js代码

(function() {

window.onload = function() {

    // Creating a new map
    var map = new google.maps.Map(document.getElementById("map"), {
      center: new google.maps.LatLng(10.2000, -84.4000),
      disableDefaultUI: false,
      scrollwheel: false,
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });


    // Creating the JSON data
    var json = [
        {
            "title": "map 1",
            "lat": 9.93379260367826,
            "lng": -84.22572178326419,
            "description": "<br><br><strong>map 1</strong>Description<br><br>"
        },
        {
            "title": "map 2",
            "lat": 10.575049399803566,
            "lng": -85.58282425643927,
            "description": "<br><br><strong>map 2</strong>Description<br><br>"
        },
    ]

    // Creating a global infoWindow object that will be reused by all markers
    var infoWindow = new google.maps.InfoWindow();

    // Looping through the JSON data
    for (var i = 0, length = json.length; i < length; i++) {
        var data = json[i],
            latLng = new google.maps.LatLng(data.lat, data.lng);

        // Creating a marker and putting it on the map
        var marker = new google.maps.Marker({
            position: latLng,
            map: map,
            title: data.title,
            icon: 'style/images/mapMarker.png'
        });



        // Creating a closure to retain the correct data, notice how I pass the current data in the loop into the closure (marker, data)
        (function(marker, data) {

            // Attaching a click event to the current marker
            google.maps.event.addListener(marker, "click", function(e) {
                infoWindow.setContent(data.description);
                infoWindow.open(map, marker);
            });


        })(marker, data);

    }

}
    })();

（函数（）{
window.onload=函数（）{
//创建新地图
var map=new google.maps.map（document.getElementById（“map”）{
中心：新google.maps.LatLng（10.2000，-84.4000），
disableDefaultUI:false，
滚轮：错误，
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
//创建JSON数据
var json=[
{
“标题”：“地图1”，
“lat”：9.93379260367826，
“液化天然气”：-84.22572178326419，
“说明”：“

地图1说明

”
},
{
“标题”：“地图2”，
“lat”：10.575049399803566，
“液化天然气”：-85.58282425643927，
“说明”：“

地图2说明

”
},
]
//创建将由所有标记重复使用的全局infoWindow对象
var infoWindow=new google.maps.infoWindow（）；
//在JSON数据中循环
for（var i=0，length=json.length；i

---

有两个选项卡或链接，单击它们时调用一个javascript函数，该函数只需执行

map.setCenter（）。
^如果不需要对地图进行不同的样式设置，这将是最简单的方法。通读文档部分。您发布的代码不会尝试执行您的问题所描述的操作。请张贴与问题相关的代码。