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 {
     身高：190px;
     宽度：190px;
    }

我已将此添加到我的API调用已经认为它会根据div样式调整大小：
google.maps.event.trigger（map，'resize'）

节日快乐!!

Answer 1

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

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