Openlayers 单击后将不显示地图

在div容器中显示地图时出现问题。当我单击div“fire”时，div“map”显示但不显示map。如果我放大（Chrome ctrl+和+），地图就会出现。如果将显示设置为“块”，则贴图将加载到容器中。如何在单击“fire”后显示地图

PHP:

echo'；
回声'；
回声'；
echo‘让我看看！’；
回声'；
回声'；

JS:

var pdf\u map\u source\u loaded\u source=new ol.source.OSM（）；
var pdf_map_source=new ol.layer.Tile（{source:pdf_map_source_loaded_source，zIndex:9999}）；
//*********************************************************************************        
var pdf_视图=新ol.view({
中心：ol.proj.transform（[20.328150146900917,51.75598647643658]，“EPSG:4326”，“EPSG:3857”），
轮换：0，
缩放：10
});
//********************************************************************************* 
//地图
var pdf_map=新的ol.map（{
目标：“地图”，
图层：[
pdf\u地图\u源
]
,
视图：pdf\u视图
});
//----------------------------------------------------火灾事件------------------------------------------------
$（文档）。在（“单击”，“点火”，函数（）{
$（'地图'）。显示（1）；
});

带显示：块刷新页面后显示地图：

echo '<div id="map" style="width:600px;height:400px;display:block;background:red;"> ';

echo'；

如果必须在使映射div可见之前创建映射，请尝试

     $(document).on("click","#fire", function () {
        $('#map').show(1);
          pdf_map.updateSize();
        });

---

如果必须在使map div可见之前创建地图，请尝试

     $(document).on("click","#fire", function () {
        $('#map').show(1);
          pdf_map.updateSize();
        });

---

它起作用了！非常感谢你！我花了两天时间设置css，搜索代码中的错误，结果发现这是Openlayers库的一个特定属性。给我一个未来的教训：仔细阅读文档！它起作用了！非常感谢你！我花了两天时间设置css，搜索代码中的错误，结果发现这是Openlayers库的一个特定属性。给我一个未来的教训：仔细阅读文档！