当标记 onClick 触发状态更新时，黑色方块出现在第一个标记周围

Posted 2023-03-28

【中文标题】当标记 onClick 触发状态更新时，黑色方块出现在第一个标记周围

【英文标题】：black square appears around 1st Marker when a marker onClick triggers a state update

【发布时间】：2021-06-11 08:56:51

【问题描述】：

在我的带有“@react-google-maps/api”包的反应应用程序中，我需要显示带有标记的地图，并在单击标记时处理操作。标记的点击启动状态更新。

一段时间以来我看到了一些奇怪的东西，状态更新使黑框出现在第一个标记周围（首先按照它们被赋予的顺序）。

这不好，我想隐藏它。

如果 ... > 只执行“console.log”，则不会出现黑框。 如果 ... > 进行状态更新，则黑框出现在第一个标记周围（按给定列表的顺序）

我在 Chrome 和 Edge (= Chromium) 上看到了这一点，但在 Firefox 上没有。

知道如何隐藏这个黑框吗？

复制：

git clone https://gitlab.com/flelirzin/bug-marker-map.git
cd bug-marker-map
yarn install 
# please set google map api key in src/mapApiKey.js
yarn start

底部的按钮可以启用/禁用状态更新。禁用时，没有问题。

状态更新很简单，就是显示被点击标记的lng/lat。

非常感谢

【参考方案1】：

在 react-google-maps-api repo 上发现以下错误。

https://github.com/JustFly1984/react-google-maps-api/issues/2181

它告诉LoadScript 上的version="3.43.8" 道具的解决方法，这对我来说做得很好。