自定义 infowindow google maps 错误

Question

我正在尝试自定义谷歌地图的信息窗口，但是我无法删除白框。

有人可以帮助我吗？

代码（CSS）：

.gm-style-iw {
  background:black;
  border:2px solid black;
  opacity: 0.95;
  color:white;
  margin-top: 65px;    
  margin-left: 68px;
  position: fixed;
}

/*Code to remove arrow and close button*/

.gm-style div div div div div div div div div {
  display: none;
}

.gm-style-iw + div {
  display: none;
}

Answer 1

将/*Code to remove arrow and close button*/ 下的规则替换为：

.gm-style div div div div div div div {
  visibility: hidden;
}
.gm-style-iw + div {
  display: none;
}
.gm-style div div div div div div.gm-style-iw div div {
  visibility: visible;
}

第一条规则隐藏了白色框，但也隐藏了黑色信息窗口中的文本，因此第三条规则使文本再次可见。

查看this JSBin 以查看工作示例。