GWT MAP 中的活动指示器

发布于 2024-12-06 18:49:27 字数 184 浏览 0 评论 0原文

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

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

有关的任何想法如何实现?

What I would like to have is an activity indicator, which is displayed after my app is up and running, but while GWT is making AJAX calls.

For example have a look at following site : http://www.foodtrucksmap.com/#

Any ideas on how to achieve it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

濫情▎り 2024-12-13 18:49:27

您可以使用此处中的活动指示器,它们是动画 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);

You can use an activity indicator from here, they are animated gifs so you can display one like this:

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

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

and in your resources interface you would set the image:

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

When you make your async calls:

loadingImage.setVisible(true);

and in the callback:

loadingImage.setVisible(false);
城歌 2024-12-13 18:49:27

几天前我不得不处理同样的事情。我所做的方法是创建一个图标并覆盖在地图上。

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);

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

I had to deal with the same kind of stuff few days back. The way I did was, created an Icon and Overlayed on the map.

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

So before the Async call and after you map is up, just add the icon to the map using

map.addOverlay(indicator);

and after the Async call remove the overlay using

map.removeOverlay(indicator);

I am not sure how correct this approach is, but this is what I did and it worked.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文