Addins/LoadingPanel

LoadingPanel Control

Description

The LoadingPanel control provides a waiting image to the user when the application is busy loading tiles. The waiting image can be set using css. It depends on the loadstart and loadend events which are present in OpenLayers.Layer.Grid and its descendants.

Compatibility

Addin Version OpenLayers Version
 trunk  trunk > r6329

Examples

Installation and Use

  1. Use subversion to check out the  LoadingPanel addin.
  2. Place the LoadingPanel.js file in your Control directory (or alternatively, place it elsewhere and add a <script> tag to your page that points to it).
  3. Use the build tools to create a single file build (or link to your OpenLayers.js file to run in development mode).
  4. Add a stylesheet to your page to style the LoadingPanel (see examples).
  5. Construct a map and add a LoadingPanel to it with the following syntax:
    var map = new OpenLayers.Map("map");
    var loadingpanel = new OpenLayers.Control.LoadingPanel();
    map.addControl(loadingpanel);
    

Css example

The following css example shows how to set the css for the loading image

        .olControlLoadingPanel {
            background-image:url(../theme/default/img/loading.gif);
            position: relative;
            width: 195px;
            height: 11px;
            background-position:center;
            background-repeat:no-repeat;
            display: none;
        }

 Rumah dijual |  Baby pink |  aksesoris mobil