<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- TileCache, v1.1 release -->
<style type="text/css">
#map {
width: 100%;
height: 99%;
border: 1px solid black;
}
body {
padding:0px;
margin:2px
}
#labs {
position:absolute;
bottom:15px;
left:7px;
font-size:smaller;
z-index: 5000;
}
</style>
<!-- <script src="http://openlayers.org/api/2.3/OpenLayers.js"></script> -->
<script src="/javascript/OpenLayers23.js"></script>
<script type="text/javascript">
var map, layer;
function init(){
map = new OpenLayers.Map( $('map'), {
maxResolution: 156543/4,
maxExtent: new
OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
numZoomLevels: 17,
projection: 'epsg:41001',
'units':'m'});
//map = new OpenLayers.Map( $('map'));
//layer = new OpenLayers.Layer.WMS( "VMap0",
// "http://localhost/cgi-bin/tilecache-1.2/tilecache.cgi?", {layers: 'basic', format: 'image/png' } );
//map.addLayer(layer);
//layer = new OpenLayers.Layer.WMS( "OSM",
// "http://localhost/cgi-bin/tilecache-1.2/tilecache.cgi?", {layers: 'osm-merc', format: 'image/png' } );
//map.addLayer(layer);
layer = new OpenLayers.Layer.WMS( "OSM",
"http://localhost/wms-c/tilecache.py?", {layers: 'osm-merc', format: 'image/png' } );
map.addLayer(layer);
//layer = new OpenLayers.Layer.WMS( "OSM",
// "http://localhost/cgi-bin/tilecache-1.2/tilecache.cgi?", {layers: 'mapnik', format: 'image/png' } );
//map.addLayer(layer);
//layer = new OpenLayers.Layer.WMS( "map2",
// "http://localhost/wms-c/tilecache.py?", {layers: 'mapnik', format: 'image/png' } );
//map.addLayer(layer);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addControl(new OpenLayers.Control.Permalink());
if (!map.getCenter()) map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="map">
<div id="labs">From <a href="http://labs.metacarta.com/">MetaCarta Labs</a>.</div>
</div>
</body>
</html>