Question

我实施了Google地图，其中包含一些样式。但是，当我点击标记时，InfoView没有被显示，我想这是因为Styling因为我有另一个div面前就像这样

<div id="map">  </div>
<div id="background"></div>
#map {
  height: 100%;
}
#background{
    background: -webkit-radial-gradient(center, ellipse cover, transparent 20%, #0e1626 60%, #0e1626 100%);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
}

有人可以告诉我如何克服这个问题吗？

以下是JSFiddle

Answer 1

将pointer-events: none;添加到#background以使其无法接收悬停/点击事件，以便您可以悬停并点击其背后的任何内容，即地图标记。

pointer-events: none;的浏览器支持很好：https://caniuse.com/#feat=pointer-events

更新了JSFiddle：https://jsfiddle.net/m2x8j2hn/

无法查看标题/ InfoWindow

1 个答案: