我首先注意到我的 Google map 控件是 不成比例的大在我自己的网络应用程序上(见下文)。
最初我认为我的一些 CSS 是在控件上使用 Google 的 CSS;然而,访问谷歌自己的网页告诉我,这件事并不是我孤立的……
下面是他们的文档 map :https://developers.google.com/maps/documentation/javascript/examples/control-positioning
大型控件也出现在他们文档的每一页上。我尝试了不同的机器和不同的浏览器(Chrome 和 Firefox)。
我还尝试了其他使用 Google Maps API 的网站,看到了类似的现象 在某些情况下 .
还有其他人遇到同样的问题吗?
最佳答案
看起来谷歌现在已经承认了这一点,并提供了一个(当前未记录的)功能,通过在创建 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
关于css - 巨大的谷歌地图控件(可能的错误?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51837269/