Javascript 为什么装货标志没有'；当我在chrome上运行代码时不会出现；在firefox上工作；？

我有一个在html页面中填充谷歌地图的函数，我调用这个函数

popUpLoadingScreen()
{
    $("#mapLoadingUIId").css("display","block");
}

function dismissLoadingScreen()
{
    $("#mapLoadingUIId").css("display", "none");
}

当标记在地图上呈现但未显示时显示加载消息，当我放置断点以了解问题所在时，该标记出现，但在正常运行时未显示，因此我知道问题出在哪里

HTML部分：

<div id="mapLoadingUIId" class="mapLoadingUI">
    Loading...
</div>
<div id="map" class="mapBody"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASTMSvPns7Zclg5dAGYTMQgtwia5nQy0M&callback=initMap"></script>

调用函数的js：

function renderWells(wells) {
    popUpLoadingScreen();
    //some code to run
    dismissLoadingScreen();
}

---

可能代码运行太快，您无法看到消息（这解释了为什么您仍然可以通过放置断点来看到消息）。还可以考虑映射渲染是异步的，<代码> ReDeWrave<代码>执行在实际地图加载之前完成。 查看gmaps事件文档，检查您可以处理的可用事件，以确定加载何时完成

---

文档：

dismissLoadingScreen（）方法可能在您打算调用之前就被调用了。检查您的代码，您将在哪个阶段解除加载程序。我认为这还为时过早。

是否可能重复使用事件侦听器？另外，在你的评论之后，我在firefox上尝试了我的页面，加载屏幕出现在那里，但在chromeno上没有。我检查了一下，加载屏幕出现在firefox上。我认为，你正在运行的弹出和关闭方法之间的代码是异步的。如果是这样的话，那么您需要在异步函数的回调中编写dismise方法。

function renderWells(wells) {
    popUpLoadingScreen();
    //some code to run
    dismissLoadingScreen();
}