调整谷歌地图+ API v3的大小

Question

我使用的是Google Maps API v3。

在Chrome中，地图适合我设置的宽度为200px，高度为200px的div元素。在Firefox中，它试图占据整个屏幕。我注意到谷歌地图使用的样式代码是这一行:

<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">

我一直试图修改这通过API设置宽度为190和高度为190。

有人知道怎么做吗?

我为div使用的CSS样式是:
div.map {
身高:190 px;
宽度:190 px;
}

我把这个添加到我的API调用中，已经认为它会根据div样式调整大小:
google.maps.event。触发(地图,"调整")

节日快乐! !

Answer 1

你必须在行内样式中硬编码你的宽度/高度。我遇到了同样的问题。原因是它使用宽度/高度来创建地图中的其他元素。试着这样设置代码:

<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 190px; height: 190px; z-index: 0;">