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知道容器的大小已经改变。

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

1 个答案: