调整谷歌地图+ API v3

问题描述:

我正在使用谷歌地图API v3。调整谷歌地图+ 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和hieght设置为190

有谁知道这个怎么做?

我用于在div的CSS样式是:
div.map {
高度:190px;
width:190px;
}

我加入到这个我的API调用已经在考虑将基于股利造型调整:
google.maps.event.trigger(地图,“调整大小”)

节日快乐!

+0

您的意思是在第一次加载地图时浏览器的大小不同。 – defau1t 2011-12-24 08:39:21

+0

尺寸不一定变化;只是看起来Chrome能够适应div,而Firefox却不适合。 – 2011-12-24 08:55:17

+0

你可以发布你的代码,所以我可以看看 – defau1t 2011-12-24 09:03:58

您必须以内联样式对您的宽度/高度进行硬编码。我遇到了同样的问题。原因是它使用宽度/高度来创建地图中的其他元素..尝试设置您的代码,如下所示:

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