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

Question

我正在从API提取数据，数据采用Json格式，“ datapoint”是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调用时将其隐藏。