<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; CHARSET=UTF-8">
<style>
#map{
position: absolute;
height: 100%;
width: 100%;
}
</style>
<script src="http://openlayers.org/dev/OpenLayers.js" type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var init = function(){
map = new OpenLayers.Map('map', {
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:900913"),
units: "m"
});
var mapnik = new OpenLayers.Layer.OSM("Mapnik", "",{
resolutions: [1222.9924523925781,611.4962261962891,305.74811309814453,152.87405654907226,76.43702827453613,
38.218514137268066,19.109257068634033,9.554628534317017,4.777314267158508,2.388657133579254,1.194328566789627
],
serverResolutions : [156543.03390625,78271.516953125,39135.7584765625,19567.87923828125,9783.939619140625,
2445.9849047851562,1222.9924523925781,611.4962261962891,305.74811309814453,152.87405654907226,76.43702827453613,
38.218514137268066,19.109257068634033,9.554628534317017,4.777314267158508,2.388657133579254,1.194328566789627,
,0.5971642833948135
]}
);
// add the base layers to the map
map.addLayers([mapnik]);
// zoom to startExtent
map.setCenter(new OpenLayers.LonLat(-9208448.7478114,13344939.50767), 2);
}
</script>
</head>
<body onload="init()">
<div id="map"></div>
</body>
</html>