当我的标记加载到传单地图时，我如何添加加载图标/加载器？

Question

我正在从 API 获取数据，数据采用 Json 格式，“数据点”是 Json 对象。 加载大约 300 个标记需要相当长的时间，所以我想添加一个加载器，而这些标记加载和加载器应该在所有标记加载后立即关闭。 怎么做到呢？

Answer 1

最常见的方法是有一些像这样的 html：

<div id="loader"></div>

然后用 CSS 设置样式：

#loader {
    background: url(spinner.gif);
    width:20px;
    height:20px;
    position:absolute;
    display:none;
}

然后在使 api 调用的 javascript 函数中执行以下操作：

$("#loader").show();
$.ajax( "http://apisite.com/apicall" ).done(function() {
    $("#loader").hide();
});

您的 javascript 调用可能看起来不同，但核心方面是在执行 ajax 调用之前显示微调器 div，并且在 ajax 调用完成后将其隐藏。