java - GWT MAP 中的活动指示器

Question

我想要的是一个活动指示器，它在我的应用程序启动并运行后显示，但在 GWT 进行 AJAX 调用时。

例如看看以下网站：http ://www.foodtrucksmap.com/#

关于如何实现它的任何想法？

Answer 1

您可以使用此处的活动指示器，它们是动画 gif，因此您可以像这样显示：

<g:Image ui:field="activityImage"/>

MyResources resources = GWT.create(MyResources.class);
this.activityImage.setResource(resources.activityImage());

并在您的资源界面中设置图像：

public interface MyResources extends ClientBundle{
    // use the actual path to your image
    @Source("../resources/images/activityImage.gif")
    ImageResource activityImage();
}

当您进行异步调用时：

loadingImage.setVisible(true);

并在回调中：

loadingImage.setVisible(false);

Answer 2

几天前我不得不处理同样的事情。我的做法是，在地图上创建一个图标并叠加。

Icon icon = Icon.newInstance("loading.gif"); // load you gif as icon
MarkerOptions options = MarkerOptions.newInstance();
options.setIcon(icon);
Marker indicator = new Marker(point, options); 

因此，在异步调用之前和地图启动之后，只需使用将图标添加到地图

map.addOverlay(indicator);

并在异步调用之后使用删除覆盖

map.removeOverlay(indicator);

我不确定这种方法有多正确，但这就是我所做的并且它奏效了。