Google Maps控件的大小突然增加了吗?

时间:2018-08-15 19:21:11

标签: google-maps

昨天离开工作地点并返回今天,我们Google地图上的控件(例如“地图|卫星”切换器,“全屏”图标,缩放按钮,街景视图人)突然显示出比以前更大的显示,在我所有的浏览器上。从昨天开始,我还有几个选项卡在打开,您可以在这些屏幕截图中看到不同之处。

昨天:

enter image description here

今天:

enter image description here

通过检查DOM,我发现CSS和标记之间的差异。例如,直接在包含“地图”和“卫星”文本的div上设置的font-size现在是18px而不是11px。从旧标签中抓取的“全屏”图标的标记:

<button style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; margin: 10px 14px; padding: 0px; position: absolute; cursor: pointer; -moz-user-select: none; width: 25px; height: 25px; overflow: hidden; top: 0px; right: 0px;" draggable="false" title="Toggle fullscreen view" aria-label="Toggle fullscreen view" type="button">
  <img style="position: absolute; left: -52px; top: -86px; width: 164px; height: 175px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" alt="" src="https://maps.gstatic.com/mapfiles/api-3/images/sv9.png" draggable="false" class="gm-fullscreen-control">
</button>

相对于今天加载的标签页中的页面:

<button style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; margin: 10px; padding: 0px; position: absolute; cursor: pointer; -moz-user-select: none; border-radius: 2px; height: 40px; width: 40px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; overflow: hidden; top: 0px; right: 0px;" draggable="false" title="Toggle fullscreen view" aria-label="Toggle fullscreen view" type="button" class="gm-control-active gm-fullscreen-control">
  <img style="height: 18px; width: 18px; padding: 8px 3px 10px; margin-top: 3px;" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%20018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2h4v4h2V2V0H16z%20M16%2C16h-4v2h4h2v-2v-4h-2V16z%20M2%2C12H0v4v2h2h4v-2H2V12z%22%2F%3E%0A%3C%2Fsvg%3E%0A">
  <img style="height: 18px; width: 18px; padding: 8px 3px 10px; margin-top: 3px;" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2h4v4h2V2V0H16z%20M16%2C16h-4v2h4h2v-2v-4h-2V16z%20M2%2C12H0v4v2h2h4v-2H2V12z%22%2F%3E%0A%3C%2Fsvg%3E%0A">
  <img style="height: 18px; width: 18px; padding: 8px 3px 10px; margin-top: 3px;" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2h4v4h2V2V0H16z%20M16%2C16h-4v2h4h2v-2v-4h-2V16z%20M2%2C12H0v4v2h2h4v-2H2V12z%22%2F%3E%0A%3C%2Fsvg%3E%0A">
</button>

从.png(精灵的那部分上有白色背景)到SVG的变化似乎也可以解释我网站上图标的背景颜色的变化(请参见上面的屏幕截图),今天受到其他地方设置的!important声明的影响(我知道,我知道,不好,很糟糕,但是长话短说)。

我可以想象达到18px的凸起可能是与可访问性相关的事情,但是我想我的问题是:

  1. 我是唯一在他们的网站上看到此更改的人吗?还是我疯了? (我今天还在API文档的示例中看到了新的/大型控件。)
  2. 是否有办法在此类更改发布之前得到通知?例如,我在Google Maps blogGoogle Maps Platform Important Updates pageNew Renderer pageNew Base Map page(其中有旧尺寸的屏幕截图)或“ { Controls page

0 个答案:

没有答案