Mapbox 地图未正确显示 javascript答案

【问题标题】：Mapbox map not correctly displaying javascriptMapbox 地图未正确显示 javascript
【发布时间】：2022-01-17 07:06:01
【问题描述】：

我已将地图添加到我的网站，一切正常当地图放置在带有 display:flex 的父 div 中时。

但我需要在用户单击按钮后显示我的地图所以在页面加载时放置地图的父 div 有 display:none 然后当点击按钮时，它变成了 flex。

但是当点击按钮时，地图上发生了一些奇怪的事情 map not shown correctly

我发现在调整大小时它变得正常map shown correctly

这是地图css：

#add_adv_map {
    width: 90%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 5px;
}

和html

<div class="add-adv__info__item add-adv__info__item--block add-info-address">
     <div class="add-adv__form__title">adress</div>
     <input type="text" name="flat_location" class="object_parameter_input object_parameter_input--large"
                 id="add_adv_address"
      <div id='add_adv_map'></div>  required> <!--map container-->
</div>

还没有找到关于这个主题的任何问题以及任何答案

【问题讨论】：

标签： javascript html css mapbox-gl-js

【解决方案1】：

有同样的问题我只是将窗口大小调整了一些值，然后返回大小还没找到更好的解决方案

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。