Javascript 谷歌地图API-调整大小会产生空白
我正在研究一个看起来很简单的功能,它会引起一点头痛 我使用地理信息系统,并将其与谷歌地图集成。其中一个客户端请求能够打开一个单独的弹出窗口,仅显示地图。打开窗口不是问题,但是当我尝试扩展包含贴图的IFrame的宽度时,为了适应窗口大小,实际的贴图图像保持相同的大小,并且一个空白填充剩余的空间 我想知道我是否必须将新的宽度值传递给一些预渲染函数或类似的东西。。。我已经尝试过使用checkResize(),但结果证明不起作用 我用于在地图IFrame中添加颜色的函数如下所示:Javascript 谷歌地图API-调整大小会产生空白,javascript,google-maps,maps,google-maps-api-2,Javascript,Google Maps,Maps,Google Maps Api 2,我正在研究一个看起来很简单的功能,它会引起一点头痛 我使用地理信息系统,并将其与谷歌地图集成。其中一个客户端请求能够打开一个单独的弹出窗口,仅显示地图。打开窗口不是问题,但是当我尝试扩展包含贴图的IFrame的宽度时,为了适应窗口大小,实际的贴图图像保持相同的大小,并且一个空白填充剩余的空间 我想知道我是否必须将新的宽度值传递给一些预渲染函数或类似的东西。。。我已经尝试过使用checkResize(),但结果证明不起作用 我用于在地图IFrame中添加颜色的函数如下所示: DrawMapIFra
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;
}
DrawMapIFrame()
{
var-str='';
document.getElementById(“mapIFramePlace”).innerHTML=str;
}
在创建地图之前,您需要将div扩展到所需的大小,或者需要使用
google.maps.event.trigger(map, 'resize')
为了让API知道容器的大小已更改。谢谢,我在创建映射之前调整了div的大小。虽然,理解流程是一项棘手的任务=)