Google maps JS API 显示蓝色焦点边框

Question

Google Maps JS API 在切换到另一个浏览器选项卡然后返回后开始在地图周围显示蓝色焦点边框。单击地图后，边界消失。
带边框的元素由 Gmaps 生成并在其 DOM 内。边框似乎只在整页地图显示中显示。

跟踪 Gmap DOM 在 gm-style 的子项处显示边框：(div.gm-style > div)

<div style="pointer-events: none; width: 100%; height: 100%;
           box-sizing: border-box; position: absolute; z-index: 1000002;
           opacity: 0; border: 2px solid rgb(26, 115, 232);"></div>

不透明度：0 是动态的，在单击另一个浏览器选项卡后更改为不透明度：1。
为什么像这样的 Gmaps JS API 有效？知道如何从视点中清楚地删除这个正方形吗？

编辑：

蓝色方块显示在 Chrome 89 && Mozilla 86
步骤：打开 js fiddle link -> 聚焦地图（简单地左右滚动地图） -> 更改浏览器选项卡 -> 使用 js 返回选项卡fiddle 例子 -> 蓝色方块 JSFiddle example

作为错误打开的问题： Google Issuetracker

Answer 1

我遇到了同样的问题，CSS 有效：

.gm-style iframe + div { border:none!important; }

Answer 2

问题已作为 google 地图错误关闭。错误将在下一个 GMApi 版本中修复。 Issuetracker Google

Google maps JS API 显示蓝色焦点边框

Google maps JS API shows blue focus border

javascript

css

google-maps

google-maps-api-3