Javascript 在行中动态调整谷歌地图高度

我举了一个例子，在这个例子中，我试图使谷歌地图的高度动态调整到它旁边的跨度

非常感谢您的帮助

#地图{
宽度：500px；
高度：400px；
}
这是一个动态的东西，比地图还要长

我想让地图适应这个跨度

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

地图的高度应持续到此处，且不指定固定高度

函数initMap（）{
var mapDiv=document.getElementById（'map'）；
var map=new google.maps.map（mapDiv{
中心：{lat:44.540，lng:-78.546}，
缩放：8
});
}

使用CSS无法做到这一点。span8的高度对span4没有影响

您必须使用javascript（offsetHeight）将其计算到span8 div的高度，并将其应用到span4

---

类似于此：

经过几个小时的研究和令人沮丧的CSS体验，我想最好的方法是javascript，附带一个非常简单的示例

（编辑）一位朋友通过CSS给了我他的解决方案，附在底部

var initialHtml=document.getElementById（'prCol1'）.innerHTML；
setInterval（函数（）{
document.getElementById（'prCol1'）。innerHTML+='N/A
'；
var divh=document.getElementById（'prCol1'）。offsetHeight；
document.getElementById（'map'）.style.height=divh+'px'；
google.maps.event.trigger（document.getElementById（'map'），'resize'）；
}, 1000);
setInterval（函数（）{
document.getElementById（'prCol1'）。innerHTML=initialHtml；
var divh=document.getElementById（'prCol1'）。offsetHeight；
document.getElementById（'map'）.style.height=divh+'px'；
google.maps.event.trigger（document.getElementById（'map'），'resize'）；
}, 5000);

#地图{
宽度：500px；
高度：400px；
}
这是一个动态的东西，比地图还要长

我想让地图适应这个跨度

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

不适用

地图的高度应持续到此处，且不指定固定高度

函数initMap（）{
var mapDiv=document.getElementById（'map'）；
var map=new google.maps.map（mapDiv{
中心：{lat:44.540，lng:-78.546}，
缩放：8
});
}