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

Question

我首先注意到我的 Google map 控件是 不成比例的大在我自己的网络应用程序上(见下文)。



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

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



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

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



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

Answer 1

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

见谷歌评论 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