Question

我想为我的InfoBox窗口创建一个自定义关闭按钮，没有使用内置功能（我有一个InfoBox不需要关闭按钮，这就是为什么我需要这个工作周围）。

通常我会做这样的事情来关闭标记：

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

但是使用InfoBox中的元素做类似的事情是行不通的，如下所示：

var closeInfoBox = document.getElementById("close-button");
google.maps.event.addListener(closeInfoBox, 'click', function(){
    aMarker.close(map, marker);
});

有没有办法使用InfoBox本身内的元素关闭InfoBox？

编辑：似乎没有任何事件处理程序可以在InfoBox中调用。有没有办法做到这一点？

Answer 1

尝试使用addDomListener而不是addListener。例如：

 var closeInfoBox = document.getElementById("close-button");
 google.maps.event.addDomListener(closeInfoBox, 'click', function(){
     aMarker.close(map, marker);
 });

Answer 2

好的，这是一个很老的问题，但由于它在搜索引擎中很受欢迎，我会尝试回答。

如果要隐藏InfoBox标准关闭按钮，只需添加此样式表：

.infoBox > img { display: none; }

然后创建一些监听器，将当前的InfoBox标识为@ManseUk，并调用close方法。

为Google Maps InfoBox创建自定义关闭按钮

2 个答案: