2010-08-09 55 views
2

我正在努力,它看起来像是一个非常简单的功能,导致一点点头痛。谷歌地图API - 调整大小生成空白空间

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

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

我使用darw地图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; 
} 

回答

8

要么你需要之前扩大div来你想要大小创建地图,或者你需要使用

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

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

+0

谢谢,我最终在创建地图之前调整了div的大小。尽管理解流程是一项棘手的任务=) – 2010-10-06 08:56:51