Google Maps API - 调整大小会生成空白空白

Question

我正在研究它看起来像一个非常简单的功能,它引起了一些令人头疼的问题.

我使用GIS,并将其与Google地图集成.其中一个客户要求能够打开一个单独的弹出窗口,仅显示地图.打开窗口不是问题,但是当我尝试扩展包含地图的IFrame的宽度时,为了适合窗口大小,实际的地图图像保持相同的大小,并且白色空间填充剩余的空间.

我想知道是否必须将新的宽度值传递给某些预渲染函数或类似的东西......我已经尝试过使用checkResize()但事实证明这不起作用.

我用来使地图IFrame的功能如下:

DrawMapIFrame()
{
   var str = '<iframe id="mapIFrame" name="mapIFrame" width="97%" height="' + parent.mapFrameHeight + '" src="' + $_URL_FleetMonitiorMapIFrame + '?UserID=' + parent.$_UserID + '&Encoding=' + parent.$_Encoding + '&id=' + _id +  '" frameborder="0" scrolling="No"></iframe>';
    document.getElementById("mapIFramePlace").innerHTML = str;
}

Answer 1

要么在创建地图之前将div扩展到所需的大小,要么需要使用

google.maps.event.trigger(map, 'resize') 

使API知道容器的大小已经改变.