0

I want to close the current infowindow when I click on any next marker, for now it shows all infowindows after clicking.

My JavaScript 

var marker = new MarkerWithLabel({
    position: latlng,
    draggable: false,
    raiseOnDrag: true,
    map: map,
    icon: 'a.png',
    labelContent: '<?php echo $rating.' % Review '.$review;?>',
    labelAnchor: new google.maps.Point(22, 0),
    labelClass: "labels"
});

marker['infowindow'] = new google.maps.InfoWindow({
    content: '<p><?php echo $name ;?></p>'
});


google.maps.event.addListener(marker, 'click', function() {

    this['infowindow'].open(map, this);
});
MrUpsidown
  • 21,592
  • 15
  • 77
  • 131
Akhilendra
  • 1,137
  • 1
  • 16
  • 31
  • 3
    If you only ever want one infowindow open, only create one, move it to each clicked marker. Possible duplicate of [Google Maps JS API v3 - Simple Multiple Marker Example](http://stackoverflow.com/questions/3059044/google-maps-js-api-v3-simple-multiple-marker-example) – geocodezip May 03 '16 at 12:49

1 Answers1

5

Save previously opened infowindow in a variable and then close when a new window opens.

var currWindow =false; 

base.attachInfo = function(marker, i){
    var infowindow = new google.maps.InfoWindow({
        content: "Content"
    });

    google.maps.event.addListener(marker, 'click', function(){
        if( currWindow ) {
           currWindow.close();
        }

        currWindow = infowindow;
        infowindow.open(base.map, marker);
    });
}
Jenson M John
  • 5,499
  • 5
  • 30
  • 46
  • Rather than doing that, I suggest you look at @geocodezip comment on your question. – MrUpsidown May 04 '16 at 11:12
  • 1
    Thanks! I don't know why someone downvoted it before, this is the correct answer! I have been trying to do this for the last 2 hours (waste of time), solved now thanks to your answer! – Notorious Apr 12 '17 at 07:06