使用jQuery多次单击更改Google地图

我有一张谷歌地图，位于密歇根州特洛伊市的一个分区内。我希望用户能够点击迈阿密或南港，密苏里州的链接，然后再次回到特洛伊

特洛伊的地图按预期加载，我可以点击迈阿密的链接，地图会发生变化。但是如果我取消注释了South Haven链接的函数，就像现在一样，那么所有的链接都会转到South Haven

地图如下：

我可以把代码放在这里，也可以在页面上查看

提前感谢。

这里是一个工作示例

---

您必须避免许多语法错误。查看您的console.log消息。请在您的问题中至少包含相关代码，而不仅仅是地图的链接。戴夫：非常感谢。我已经离开了一段时间，在我回来的时候，我惊喜地发现了你的答案。工作起来很有魅力。这就是答案。问题现在已关闭。若要将其标记为答案，您必须单击“右勾号”“在答案附近的左侧标记…”。。谢谢

function map1()
{
var mapTroy = {
  center:new google.maps.LatLng(42.5803,-83.1431),
  zoom:10,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById("googleMap"), mapTroy);
}

function map2() 
{
  var mapMiami = {
  center:new google.maps.LatLng(25.7877,-80.2241),
  zoom:10,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"), mapMiami);
}


function map3() 
{
  var mapSouthHaven = {
  center:new google.maps.LatLng(42.4031,-86.2736),
  zoom:10,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"), mapSouthHaven);
}

google.maps.event.addDomListener(window, 'load', map2);

$(document).ready(function(){
    $('#miami').click(function() {         
      map2();
    }); 

    $('#shaven').click(function() {
     map3();
    });

    $('#troy').click(function() {
     map1();
    });
});