javascript - Google API V3 一次只打开一个信息窗口

Question

我根本不懂 javascript，但我设法让我的 map 上的所有东西都能正常工作，除了这件事。我正在为论坛开发一项功能，成员可以将他们的城市和州发送给我，然后我将它们添加到 map 中。这是我所拥有的:http://l4ptester.solidwebhost.com/L4p.html如果您单击几个 map 标记，您会看到您可以同时打开任意多个信息窗口，而我不希望这样。我一次只希望打开一个 infoWindow。因此，如果我点击佛罗里达州的标记，然后点击加利福尼亚州的标记，佛罗里达州的标记就会关闭。

这是我的代码中 map 标记条目的样子:

var InvadermooseLL = new google.maps.LatLng(27.321984,-82.527666);
  var contentString = 
    '<div id="content">'+
    '<center> <strong>Invadermoose</strong> </center>'+
        '<img src="http://www.luxury4play.com/customavatars/avatar16771_3.gif">'+
        '<div id="bodyContent">'+
        '<a href="http://www.luxury4play.com/members/invadermoose.html" '+
        'target="_blank">Invadermoose&#39;s L4P Profile</a>'+
        '<br/><font size="2">(Opens in new tab)</font>'+
        'City: Sarasota'+
        'State: Florida'+
        '</div>'+
        '</div>';

var InvadermooseIW = new google.maps.InfoWindow({
    content: contentString
});

var InvadermooseMKR = new google.maps.Marker({
    position: InvadermooseLL,
    map: map,
    title:"Invadermoose"
});

google.maps.event.addListener(InvadermooseMKR, 'click', function() {
    InvadermooseIW.open(map,InvadermooseMKR);
    IrelentlessIW.close(map,IrelentlessMKR);
    Hollywood85IW.close(map,Hollywood85MKR);
    HazeMythIW.close(map,HazeMythMKR);
    jagkidIW.close(map,jagkidMKR);
    DiegoVIW.close(map,DeigoVMKR);
    RaceMindedIW.close(map,RaceMindedMKR);
});

我会稍微解释一下。 Invadermoose 是获取 map 标记的用户，因此我将其用作 ID 以保持其井井有条。所以 var InvadermooseLL 基本上是 Invadermoose LatLang，InvadermooseMKR 是 Invadermoose 标记。它只是帮助我保持井井有条。

现在，在脚本的底部我有所有的“点击”功能。在我看来它会关闭其他成员标记，但它不起作用。我在 Stack overflow 上的某处读到这是这样做的方法，但它行不通。

我基本上为每个拥有 map 标记的用户重复相同的代码，我只是将 Id 更改为他们的用户名以及我的识别前缀(LL、MKR、IW)和一些“点击”功能。

Answer 1

这比您想象的要容易，在示例中您会发现解决方案是重用 InfoWindow。这比为每个用户创建一个新的要干净得多。如果只有一个 InfoWindow，您只需更新它的位置，InfoWindow 就会在旧位置关闭并在新位置再次打开。

这样做的副作用是，不可能同时打开多个 InfoWindow，因为实际上只有一个。