css - 巨大的谷歌地图控件(可能是错误？)

Question

我首先注意到我自己的网络应用上的 Google map 控件过大(如下所示)。

最初我以为我的一些CSS是在控件上使用Google的CSS;然而，访问 Google 自己的网页告诉我，这起事件并不是我孤立的……

下面是他们文档中的 map :https://developers.google.com/maps/documentation/javascript/examples/control-positioning

大型控件也出现在我的文档的每一页上。我尝试了不同的机器和不同的浏览器(Chrome 和 Firefox)。

我还尝试了其他使用 Google Maps API 的网站，在某些情况下也发现了类似的现象。

其他人也遇到同样的问题吗？

Answer 1

看来谷歌现在已经承认了这一点，并提供了一个(当前未记录的)功能，可以通过在创建 map 时传入“controlSize”来更改 UI 缩放。

查看来自 Google 的评论 here .

JSFiddle here (来自上面的评论)。

示例代码:

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8,
    controlSize: 32,
  });
}

注意:40 是当前的默认值(对应于该问题所涉及的大型控件)。我发现 25 与之前的控件大致相同。

更新:

从 v3.36 开始，这是一个已记录的功能，请参阅 here