<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#map
{
width: 100%;
height: 99%;
border: 1px solid black;
}
body
{
padding:0px;
margin:2px
}
#label
{
position:absolute;
bottom:15px;
left:7px;
font-size:smaller;
z-index: 5000;
}
</style>
<script src="OpenLayers.js"></script>
<script type="text/javascript">
var map, layer, urls;
function init()
{
OpenLayers.IMAGE_RELOAD_ATTEMPTS = 10
map = new OpenLayers.Map('map',
{
maxExtent: new OpenLayers.Bounds(499000, 150000, 560000, 210000),
maxResolution: 2880,
units: 'm',
projection: new OpenLayers.Projection("EPSG:27700")
});
map.addControl(new OpenLayers.Control.MousePosition());
map.addControl(new OpenLayers.Control.LayerSwitcher());
urls = ["http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache",
"http://localhost/tilecache"]; // The more the merrier?
// layer = new OpenLayers.Layer.WMS("Map",
// urls,
// {
// layers: 'ipmap',
// map: '/Maps/IPMap.map'
// });
// layer = new OpenLayers.Layer.WMS("Map",
// urls,
// {
// layers: 'ipmap'
// });
layer = new OpenLayers.Layer.WMS("Map",
urls,
{
layers: 'ipmap'
});
map.addLayer(layer);
map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="map">
<div id="label">(C) <a href="http://www.ordnancesurvey.co.uk">Ordnance Survey</a> 2010</div>
</div>
</body>
</html>