LoadingPanel - 等待Vector& WFS加载

时间:2012-10-18 18:24:59

标签: vector openlayers gis

我有WFS协议的矢量图层。因为我有大量的数据,所以在地图上加载的功能还有一段时间。

所以我需要通过显示“等待”动画告诉用户等待他们加载。

我发现了https://gis.stackexchange.com/questions/26072/waiting-for-vector-wfs-loading

到目前为止,没试过就试过了。

这就是我所做的:

  • 我放置了LoadingPanel.js

  • 我添加了这个样式表:

    .olControlLoadingPanel {
    
            background-image:url(loading.gif);
    
            position: relative;
    
            width: 195px;
    
            height: 11px;
    
            background-position:center;
    
            background-repeat:no-repeat;
    
            display: none;
    
        }
    
     </style>
    
  • 最后添加了LoadingPanel控件:

map.addControl(new OpenLayers.Control.LoadingPanel());

1 个答案:

答案 0 :(得分:0)

试试这个:

  • 修改样式表

    .olControlLoadingPanel {
        background-image:url(loading.gif);
        position: relative;
        width: 100%; 
        height: 100%;
        background-position:center;
        background-repeat:no-repeat;
        display: none;
    }
    
  • 将LoadingPanel控件添加到地图中,然后将其显示为

    var loadingPanel = new OpenLayers.Control.LoadingPanel();
    this.map.addControl(loadingPanel);
    //set visible the control
    loadingPanel.show();