<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 popup, feature, markers, marker;
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
var 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();
}
</script>
</head>
<body onLoad="init()">
<table>
<tr>
<td align="left"><div id="map"></div></td>
</tr>
</table>
</body>
</html>