[OpenLayers-Users] Fwd: Refresh html without losing, what I've done

Thu Jul 31 15:26:24 EDT 2008

It can look like the following example......

<html>
  <head>
    <style type="text/css">
        #map {
            width: 900px;
            height: 600px;
        }
     </style>
    <title>Sistema de Trasporte Urbano  - Cuenca Ecuador </title>
    <script src="OpenLayers.js"></script>
    <script type="text/javascript">
                var map, zoomLevel, activeLayer, position;
               var popup, feature, markers, marker;
                var manzanas;

        function init()
        {
            // Opciones base para el mapa
            var mapOptions = {
            maxExtent: new OpenLayers.Bounds(713620.5057, 9673754.1986, 
732936.3635, 9687405.8116),
            maxResolution: 'auto',
            projection:"EPSG:32717",
            //restrictedExtent: new OpenLayers.Bounds(713620.5057, 
9673754.1986, 732936.3635, 9687405.8116),           
            units: "m"};

            // Crear el objeto map
            map = new OpenLayers.Map('map', mapOptions);

            // Añadir controles de navegación

        map.addControl(new OpenLayers.Control.LayerSwitcher());
            var panel = new OpenLayers.Control.NavToolbar();
            map.addControl(panel);
             map.addControl(new 
OpenLayers.Control.MousePosition({'div':OpenLayers.Util.getElement('coords')}));

                var manzanas = new OpenLayers.Layer.MapServer.Untiled( 
"manzanas", "../../cgi-bin/mapserv",
            {map:'C:/data/publicacion.map',
            layers: 'manzanas',map_imagetype: 'png'}, 
{'displayInLayerSwitcher':false});

        var ruta22 = new OpenLayers.Layer.MapServer.Untiled( "Ruta 22", 
"../../cgi-bin/mapserv",
            {map:'C:/data/publicacion.map', transparent: "true",
            layers: 'ruta22_ida',map_imagetype: 'png'},{'isBaseLayer': 
false}, {'displayInLayerSwitcher':false});

        var ruta8 = new OpenLayers.Layer.MapServer.Untiled( "Ruta 8", 
"../../cgi-bin/mapserv",
            {map:'C:/data/publicacion.map',
            layers: 'ruta8_ida',transparent: "true", map_imagetype: 'png'});

        var paradas8 = new OpenLayers.Layer.MapServer.Untiled( "Paradas 
8", "../../cgi-bin/mapserv",
            {map:'C:/data/publicacion.map',
            layers: 'paradas8_ida',transparent: "true", map_imagetype: 
'png'});

        var paradas22 = new OpenLayers.Layer.MapServer.Untiled( "Paradas 
22", "../../cgi-bin/mapserv",
            {map:'C:/data/publicacion.map',
            layers: 'paradas22_ida',transparent: "true", map_imagetype: 
'png'});

        var recorridos = new OpenLayers.Layer.MapServer.Untiled( 
"Unidad()", "../../cgi-bin/mapserv",
            {map:'C:/data/publicacion.map',
            layers: 'recorrido',transparent: "true", map_imagetype: 'png'});

              ruta22.setVisibility(false);
            ruta8.setVisibility(false);
            paradas22.setVisibility(false);
            paradas8.setVisibility(false);
            //recorridos.setVisibility(false);

            map.addLayers([ruta22, ruta8, manzanas, paradas8, paradas22, 
recorridos]);
            if (!map.getCenter()) map.zoomToMaxExtent();

            //set the timeout
            setTimeout( "redrawLayers()", 10*1000 );

}

function redrawLayers()
{
  //keep current zoomLevel etc... with the global variable "map"
  //try to simply redraw your layers: "manzanas" is a global too
  manzanas.redraw();
 // ...
}

  </script>
  </head>
  <body onLoad="init()">
    <table>
      <tr>
        <td align="left"><div id="map"></div></td>
      </tr>
  </table>
  </body>
</html>

Alan