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

Hes*_*uew 10 javascript reactjs react-google-maps

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

这很容易看出,因为我还在内部使用了可点击标记,并且当将鼠标悬停在这些标记上时,它保持为“拖动手”并且不会更改为“指向手”。
我还有带有标题道具的标记。现在,如果我将鼠标悬停在其上,标题将不会出现。

我尝试通过正常的控制台登录来测试这一点,但控制台仍然为空。
下图显示了具有 onClick 事件的基本组件,并且 onClick 事件不起作用。

在此输入图像描述

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

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

import {
  GoogleMap,
  Marker,
  Polygon,
  useJsApiLoader,
} from '@react-google-maps/api';
Run Code Online (Sandbox Code Playgroud)

小智 14

谷歌似乎已经破坏了一些东西。我在我们的应用程序中遇到了完全相同的问题。有一个不可见的覆盖 div 漂浮在周围,阻止访问下面的内容。我通过取消神秘的覆盖层 div 的高度来临时在 CSS 中修复了它。

.gm-style-moc {
    height: unset !important;
}
Run Code Online (Sandbox Code Playgroud)

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