【问题标题】:@react-google-maps/api <GoogleMap> onClick not working@react-google-maps/api <GoogleMap> onClick 不起作用
【发布时间】:2021-10-31 18:39:51
【问题描述】:

我正在使用 @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';

【问题讨论】:

    标签: javascript reactjs react-google-maps


    【解决方案1】:

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

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

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

    【讨论】:

    • 哦,这就解释了。是的,这解决了这个问题。你有没有通过渲染的 html 来找到这个奇怪的覆盖 div?
    • @Hessuew 是的,这基本上就是我所做的。
    • 希望我能在 9 月 2 日我的应用程序也神秘崩溃时找到这个!谢谢你。此处也记录了issuetracker.google.com/issues/198562471
    • 我怀疑同一个 Google 版本 (3.46.3) 是造成“街景小人”无处可见的空白街景控件的原因。这条规则也解决了这个问题:.gm-svpc &gt; div { height: 100%; width: 100%; }
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-08
    • 1970-01-01
    • 2012-10-25
    • 1970-01-01
    相关资源
    最近更新 更多