gpt4 book ai didi

javascript - 谷歌地图 JS API 显示蓝色焦点边框

转载 作者:行者123 更新时间:2023-12-05 00:34:43 25 4
gpt4 key购买 nike

Google Maps JS API 在切换到另一个浏览器选项卡后开始在 map 周围显示蓝色焦点边框,然后返回。一旦点击 map ,边界就会消失。
带有边框的元素是由 Gmaps 和它们的 DOM 生成的。边框似乎只在整页 map 显示中显示。
enter image description here
跟踪 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>
opacity: 0 是动态的,在单击到另一个浏览器选项卡后更改为 opacity: 1。
为什么像这样的 Gmaps JS API 有效?知道如何从视点清楚地移除这个正方形吗?
编辑:
  • 在 Chrome 89 && Mozilla 86
  • 中显示蓝色方 block
  • 步骤:打开 js fiddle 链接 -> 聚焦 map (轻松左右滚动 map ) -> 更改浏览器选项卡 -> 返回带有 jsfiddle 示例的选项卡 -> 蓝色方 block
    JSFiddle example

  • 作为错误打开的问题:
    Google Issuetracker

    最佳答案

    我遇到了同样的问题,CSS工作:.gm-style iframe + div { border:none!important; }

    关于javascript - 谷歌地图 JS API 显示蓝色焦点边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66669173/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com