可以关闭InfoWindow

时间:2013-03-03 06:27:24

标签: javascript google-maps-api-3

我无法关闭google maps Api中的infoWindow。任何人都可以帮助我。我有5个标记,每个标记包含一个svg文件。我还要调整信息窗口的高度,我不知道怎么做?

var infowindow = new google.maps.InfoWindow({
content: '<IMG BORDER="0" ALIGN="Left" SRC="test.svg">',
maxWidth: 300,
});

var infowindow1 = new google.maps.InfoWindow({
content: '<IMG BORDER="0" ALIGN="Left" SRC="test.svg">',
maxWidth: 300,
});

var infowindow2 = new google.maps.InfoWindow({
content: '<IMG BORDER="0" ALIGN="Left" SRC="test.svg">',
maxWidth: 300,
});

 var infowindow3 = new google.maps.InfoWindow({
content: '<IMG BORDER="0" ALIGN="Left" SRC="test.svg">',
maxWidth: 300,
});

 var infowindow4 = new google.maps.InfoWindow({
content: '<IMG BORDER="0" ALIGN="Left" SRC="test.svg">',
maxWidth: 300,
});

 var infowindow5 = new google.maps.InfoWindow({
content: '<IMG BORDER="0" ALIGN="Left" SRC="test.svg">',
maxWidth: 300,
});

// event handlers for clicking
google.maps.event.addListener(marker, 'click', function(){
    infowindow.open(googleMap,marker);
    infowindow.close();
});   

google.maps.event.addListener(marker1, 'click', function(){
    infowindow1.open(googleMap,marker1);
    infowindow1.close();
});   

google.maps.event.addListener(marker2, 'click', function(){
    infowindow2.open(googleMap,marker2);
    infowindow2.close();        
});   

google.maps.event.addListener(marker3, 'click', function(){
    infowindow3.open(googleMap,marker3);
    infowindow3.close();    
});   

google.maps.event.addListener(marker4, 'click', function(){
    infowindow4.open(googleMap,marker4);
    infowindow4.close();        
});   

google.maps.event.addListener(marker5, 'click', function(){
    infowindow5.open(googleMap,marker5);
    infowindow5.close();
});   

}

1 个答案:

答案 0 :(得分:1)

使用此示例:

var bizInfowindow = new google.maps.InfoWindow();
var html = "somecontent html form";
bizInfowindow.close();
bizInfowindow.close();
bizInfowindow.setContent(html);  
bizInfowindow.open(map, marker);

看看双关闭