谷歌地图创建隐藏的股利和跨度与内部值BESbswy并降低角度性能

Question

我在有角度的项目上使用了Google Map API v3，但是当我将地图添加到项目中时，Google Map
<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”

Answer 1

Google Places API 也有同样的问题。每当我访问查询其服务的结果时，也会出现愚蠢的“BESbswy”div。我的搜索显示它与 typekit 相关，但我没有在我的页面上使用 @font-face 或 google 字体。我的猜测是谷歌将其放入以确保他们的地图显示正确？但它就留在那里——超级烦人。我见过的唯一解决办法是创建一个计时器并在几纳秒后删除 div。但这似乎更像是给问题贴上绷带而不是解决问题。

\n\n

分钟后编辑！

\n\n

所以，我刚刚发现当谷歌地图添加到屏幕上时，这种情况就会发生在我身上。地图的容器没有定义宽度或高度，因此地图进来时没有宽度，因此当 typekit 试图通过比较“BESbswy”字符串来查看字体是否已加载时，由于没有宽度或高度，所以失败了地图中比较字符串的宽度。这会导致字体加载的运行时测试出错或无法加载。

\n\n

谷歌似乎没有编写逻辑来删除错误/失败时的 div。但也许这样我们就知道出了什么问题？就我个人而言，我更喜欢将日志记录到控制台\xe2\x80\xa6

\n