vector - LoadingPanel - 等待向量和 WFS 加载

Question

我有带有 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());

Answer 1

尝试这个 ：

• 修改你的样式表

  .olControlLoadingPanel {
      背景图像：url（加载.gif）；
      位置：相对；
      宽度：100%；
      高度：100%；
      背景位置：中心；
      背景重复：不重复；
      显示：无；
  }
  

• 将您的 LoadingPanel 控件添加到地图，然后使其可见

  var loadingPanel = new OpenLayers.Control.LoadingPanel();
  this.map.addControl(loadingPanel);
  //设置可见控件
  加载面板.show();