@react-google-maps/api <GoogleMap> onClick 不工作

Question

我正在使用@react-google-maps/api 库，包中的所有内容都正常工作。
现在我只是注意到组件的 onClick 事件已经失去了它的功能，并且在我的网站上附加的功能不起作用。我认为我没有更改任何与 onClick 功能相关的代码。

这很容易看出，因为我也在内部使用了可点击的标记，当将鼠标悬停在这些标记上时，它仍然是“drag-hand”并且不会更改为“pointing-hand”。
我还有带标题道具的标记。现在，如果我将鼠标悬停在它上面，标题将不会出现。

我试图通过正常的控制台登录来测试它，但控制台仍然是空的。
下图是带有onClick事件的基本组件，onClick事件不起作用。

我可能遗漏了一些东西，但这只是突然出现在正常运行的应用程序中，我对此感到困惑。

我正在使用："@react-google-maps/api": "^2.2.0",
进口是基本的：

import {
  GoogleMap,
  Marker,
  Polygon,
  useJsApiLoader,
} from '@react-google-maps/api';

Answer 1

似乎 Google 在他们这边出了问题。我在我们的应用程序中遇到了完全相同的问题。有一个不可见的覆盖层 div 漂浮在周围，阻止访问下面的内容。我通过取消设置神秘覆盖层的高度 div.

暂时将其修复为 CSS

.gm-style-moc {
    height: unset !important;
}

我想 Google 也会很快解决这个问题。