我在我的角度项目上使用谷歌地图 API v3，但是当我将地图添加到我的项目时，谷歌地图会创建一个隐藏的
<div style="position: absolute; left: 0px; top: -2px; height: 1px; overflow: hidden; visibility: hidden; width: 1px;"><span style="position: absolute; font-size: 300px; width: auto; height: auto; margin: 0px; padding: 0px; font-family: Roboto, Arial, sans-serif;">BESbswy</span></div>
主体底部的元素。
我没有意识到这一点，直到我在使用地图时感觉到我的 fps 降低了，例如，使用绘图管理器创建多边形等。
所以经过几个小时的调试，我意识到因为那个无用的隐藏div每秒触发角度变化检测并导致我检查过的性能问题ngAfterViewChecked并意识到即使在我的组件完全加载之后，这个函数也会连续调用，并且当我从 dom 中删除该元素时，一切都会恢复正常。
我谷歌这个问题，我也发现了一些与这个问题相关的问题，但我找不到任何可接受的解决方案未知的“BESbswy” https://stackoverflow.com/questions/40327682/unknown-besbswy-span
Google Places API 也有同样的问题。每当我访问查询其服务的结果时，也会出现愚蠢的“BESbswy”div。我的搜索显示它与 typekit 相关，但我没有在我的页面上使用 @font-face 或 google 字体。我的猜测是谷歌将其放入以确保他们的地图显示正确？但它就留在那里——超级烦人。我见过的唯一解决办法是创建一个计时器并在几纳秒后删除 div。但这似乎更像是给问题贴上绷带而不是解决问题。
分钟后编辑！
所以，我刚刚发现当谷歌地图添加到屏幕上时，这种情况就会发生在我身上。地图的容器没有定义宽度或高度，因此地图进来时没有宽度，因此当 typekit 尝试通过比较“BESbswy”字符串来查看字体是否已加载时，由于没有宽度而失败在地图上比较的字符串上。这会导致字体加载的运行时测试出错或无法加载。
谷歌似乎没有编写逻辑来删除错误/失败时的 div。但也许这样我们就知道出了什么问题？就我个人而言，我更喜欢控制台日志......
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
