Как закрыть информационное окно

Question

У меня уже есть массив маркеров, я хочу закрыть открытое информационное окно, когда нажимаю на другой маркер.Я знаю, что с помощью API v3 я могу закрыть информационное окно с помощью метода InfoWindow.close (). Но где добавить код? Я много пробовал, но не получилось.У меня есть другой вопрос, зачем мне нажимать ссылку в "side_bar_div", чтобы вызвать метод myclick (i)?

<script type="text/javascript">
  var markers=[];
  var side_bar_html='<table border=0 cellpadding=0><tr>';
  var tdrow = 1;
  var i = 0;
  function creatmarker(lat,long,map,html,index){
   var mylatlng = new google.maps.LatLng(lat,long);
   var marker = new google.maps.Marker({ 
     position: mylatlng,   
map: map,
zIndex: index
    });
var infowindow = new google.maps.InfoWindow({
  content: html
});
markers.push(marker);
side_bar_html +='<td width=330 valign=top align=left><a id="side_bar_'+i+'" href="javascript:myclick('+ (markers.length-1) +');">'+html+'</a></td>';
tdrow++;
i++;
if (tdrow > 2){side_bar_html += '</tr><tr>'; tdrow =1; }
google.maps.event.addListener(marker,'click',function(){
    infowindow.open(map,marker); 
});
   function myclick(i){
var id="side_bar_"+i;
google.maps.event.addDomListener(document.getElementById(id), "click", function(){          google.maps.event.trigger(markers[i], "click");
});
   }
   function initialize(){
var myOptions = {
       zoom: 11,
       center: new google.maps.LatLng(-33.9, 151.2),
       mapTypeId: google.maps.MapTypeId.ROADMAP
     }
     var map = new google.maps.Map(document.getElementById("mymap"),myOptions);
     var lat = "-33.890542";
     var lng = "151.274856";
     var html = 'Bondi Beach';
     creatmarker(lat,lng,map,html,5);
     var lat = "-33.923036";
     var lng = "151.259052";
     var html = 'Coogee Beach';
     creatmarker(lat,lng,map,html,4);
     var lat = "-34.028249";
     var lng = "151.157507";
     var html = 'Cronulla Beach';
     creatmarker(lat,lng,map,html,3);
     var lat = "-33.80010128657071";
     var lng = "151.28747820854187";
     var html = 'Manly Beach';
     creatmarker(lat,lng,map,html,2);
     var lat = "-33.950198";
     var lng = "151.259302";
     var html = 'Maroubra Beach';
     creatmarker(lat,lng,map,html,1);
     side_bar_html +='</tr></table>';
     document.getElementById("side_bar_div").innerHTML = side_bar_html;
 }
 google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answer 1

Попробуйте следующий фрагмент кода:

    var infoWindows = [];                                

        google.maps.event.addListener(marker,'click',function(){ 
closeInfowindow(); 
    var infowindow = new google.maps.InfoWindow({ 
  content: html 
}); 
     infowindow.open(map,marker);
infoWindows[0] = infowindow;
    }); 

function closeInfowindow(){
if(infoWindows.length > 0){
infoWindows[0].set("marker",null);
infoWindows[0].close();
infoWindows.length = 0;
}
}

Надеюсь, это поможет вам: -)

Answer 2

Правильный способ сделать это - сохранить его в локальной переменной, а затем добавить список событий, например:

function addeventlistenerinfo(marker, infowindow, i){
    google.maps.event.addListener(marker, 'click', function() {
            if (currentinfowindow)
                currentinfowindow.close();
            infowindow.open(map,marker);
            currentinfowindow = infowindow;
        });
        markersarray[i] = marker;
}

currentinfowindow - глобальная переменная, которая будет содержать открытое информационное окно, только если оно существует.

Нет необходимости использовать массив или дополнительный метод:)