rendered paste body<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Rennes Rollers</title>
<style type="text/css">
#map {
width: 100%;
height: 100%;
border: 1px solid black;
}
</style>
<script src="openlayers/lib/Firebug/firebug.js"></script>
<script src="openlayers/lib/OpenLayers.js"></script>
</head>
<script type="text/javascript">
<!--
var lon = -1.679444;
var lat = 48.114722;
var zoom = 12;
var PI = 3.14159265358979323846;
var map;
var vlayer;
var panel;
var controls;
lon = lon * 20037508.34 / 180;
lat = Math.log (Math.tan ((90 + lat) * PI / 360)) / (PI / 180);
lat = lat * 20037508.34 / 180;
function get_osm_url (bounds) {
var res = this.map.getResolution();
var x = Math.round ((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
var y = Math.round ((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
var z = this.map.getZoom();
var path = z + "/" + x + "/" + y + "." + this.type;
var url = this.url;
if (url instanceof Array) {
url = this.selectUrl(path, url);
}
return url + path;
}
function init() {
//var k = new OpenLayers.Format.KML({'kmlns':'http://earth.google.com/kml/2.1'});
vlayer = new OpenLayers.Layer.Vector( "Circuit" );
panel = new OpenLayers.Control.Panel({'displayClass': 'olControlEditingToolbar'});
controls = {
nav: new OpenLayers.Control.Navigation(),
line: new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Path,
{'displayClass': 'olControlDrawFeaturePath'}),
polygon: new OpenLayers.Control.DrawFeature(vlayer, OpenLayers.Handler.Polygon,
{'displayClass': 'olControlDrawFeaturePolygon'}),
modify: new OpenLayers.Control.ModifyFeature(vlayer,
{'displayClass': 'olControlModifyFeature'})
};
OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
for (var key in controls) {
panel.addControls([controls[key]]);
}
map = new OpenLayers.Map("map", {
controls:[
new OpenLayers.Control.LayerSwitcher(),
new OpenLayers.Control.MousePosition(),
],
//new OpenLayers.Control.MouseDefaults(),
//new OpenLayers.Control.PanZoomBar(),
units:'meters',
numZoomLevels:17,
maxResolution:156543,
projection: "EPSG:41001",
maxExtent: new OpenLayers.Bounds(
-20037508.34,
-20037508.34,
20037508.34,
20037508.34),
});
map.addLayer(new OpenLayers.Layer.TMS("OpenStreetMap",
["http://osm-tah-cache.firefishy.com/~ojw/Tiles/tile.php/"],
{type:'png', getURL: get_osm_url} ));
//map.addLayer(new OpenLayers.Layer.GML("Circuit 2", "circuit_2.kml", {format: k}));
map.addLayer(vlayer);
map.addControl(panel);
//controls['modify'].activate();
//panel.activateControl(controls['modify']);
//panel.activateControl(controls.modify);
//map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
map.setCenter (new OpenLayers.LonLat(lon, lat), zoom);
}
//-->
</script>
<body onload="init()">
<!-- <div id="panel"></div> -->
<div id="map"></div>
</body>
</html>