<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
<script type='text/javascript'>
i18n_strings = new Array();
i18n_strings['javascripts.map.overlays.maplint'] = 'Maplint';
i18n_strings['javascripts.map.base.noname'] = 'NoName';
i18n_strings['javascripts.map.base.cycle_map'] = 'Cycle Map';
i18n_strings['javascripts.map.base.mapnik'] = 'Mapnik';
i18n_strings['javascripts.map.base.osmarender'] = 'Osmarender';
i18n_strings['javascripts.site.edit_zoom_alert'] = 'You must zoom in to edit the map';
i18n_strings['javascripts.site.history_zoom_alert'] = 'You must zoom in to view edits for this area';
i18n_strings['javascripts.site.edit_disabled_tooltip'] = 'Zoom in to edit the map';
i18n_strings['javascripts.site.history_disabled_tooltip'] = 'Zoom in to view edits for this area';
i18n_strings['javascripts.site.edit_tooltip'] = 'Edit the map';
i18n_strings['javascripts.site.history_tooltip'] = 'View edits for this area';
</script>
<script src="/javascripts/prototype.js?1274025181" type="text/javascript"></script>
<script src="/javascripts/site.js?1279720297" type="text/javascript"></script>
<!--[if lt IE 7]><script src="/javascripts/pngfix.js?1274025181" type="text/javascript"></script><![endif]--> <!-- thanks, microsoft! -->
<link href="/stylesheets/common.css?1274025181" media="screen" rel="stylesheet" type="text/css" />
<!--[if IE]><link href="/stylesheets/large.css?1274025181" media="screen" rel="stylesheet" type="text/css" /><![endif]--> <!-- IE is totally broken with CSS media queries -->
<link href="/stylesheets/small.css?1274025181" media="only screen and (max-width: 481px)" rel="stylesheet" type="text/css" />
<link href="/stylesheets/large.css?1274025181" media="screen and (min-width: 482px)" rel="stylesheet" type="text/css" />
<link href="/stylesheets/print.css?1274025181" media="print" rel="stylesheet" type="text/css" />
<link href="/opensearch/osm.xml" rel="search" title="OpenStreetMap Search" type="application/opensearchdescription+xml" />
<meta content="OpenStreetMap is the free wiki world map." name="description" />
<style>.hidden { display: none }.hide_unless_logged_in { display: none }.hide_unless_administrator { display: none }</style>
<title>OpenStreetMap</title>
</head>
<body>
<div id="content">
<div id="sidebar">
<table class="sidebar_title" width="100%">
<tr>
<td align="left" id="sidebar_title"></td>
<td align="right"><a href="javascript:closeSidebar()">Close</a></td>
</tr>
</table>
<div id="sidebar_content">
</div>
</div>
<script type="text/javascript">
<!--
var onclose;
function openSidebar(options) {
options = options || {};
if (onclose) {
onclose();
onclose = null;
}
if (options.title) { $("sidebar_title").innerHTML = options.title; }
if (options.width) { $("sidebar").style.width = options.width; }
else { $("sidebar").style.width = "30%"; }
$("sidebar").style.display = "block";
resizeMap();
onclose = options.onclose;
}
function closeSidebar() {
$("sidebar").style.display = "none";
resizeMap();
if (onclose) {
onclose();
onclose = null;
}
}
function updateSidebar(title, content) {
$("sidebar_title").innerHTML = title;
$("sidebar_content").innerHTML = content;
}
// -->
</script>
<script type="text/javascript">
function openMapKey() {
updateMapKey();
openSidebar({
title: "Map key",
onclose: closeMapKey
});
map.events.register("zoomend", map, updateMapKey);
map.events.register("changelayer", map, updateMapKey);
}
function closeMapKey() {
map.events.unregister("zoomend", map, updateMapKey);
map.events.unregister("changelayer", map, updateMapKey);
}
function updateMapKey() {
var layer = map.baseLayer.keyid;
var zoom = map.getZoom();
new Ajax.Updater('sidebar_content', '/key', {asynchronous:true, evalScripts:true, method:'get', parameters:'layer=' + layer + '&zoom=' + zoom})
}
</script>
<script type="text/javascript">
<!--
function startSearch() {
updateSidebar("Search Results", "");
}
function describeLocation() {
var args = getArgs($("viewanchor").href);
new Ajax.Request('/geocoder/description', {asynchronous:true, evalScripts:true, onLoading:function(request){startSearch()}, parameters:'lat=' + args['lat'] + '&lon=' + args['lon'] + '&zoom=' + args['zoom']})
}
function setSearchViewbox() {
var extent = getMapExtent();
$("minlon").value = extent.left;
$("minlat").value = extent.bottom;
$("maxlon").value = extent.right;
$("maxlat").value = extent.top;
}
// -->
</script>
<noscript>
<div id="noscript">
<p>You are either using a browser that does not support JavaScript, or you have disabled JavaScript.</p>
<p>OpenStreetMap uses JavaScript for its slippy map.</p>
<p>You may want to try the <a href="http://tah.openstreetmap.org/Browse/">Tiles@Home static tile browser</a> if you are unable to enable JavaScript.</p>
</div>
</noscript>
<div id="map">
<div id="permalink">
<a href="/" id="permalinkanchor">Permalink</a><br/>
<a href="/" id="shortlinkanchor">Shortlink</a>
</div>
</div>
<div id="attribution">
<table width="100%">
<tr>
<td align="left">http://creativecommons.org/licenses/by-sa/2.0/</td>
<td align="right">http://openstreetmap.org</td>
</tr>
<tr>
<td colspan="2" align="center">Licensed under the Creative Commons Attribution-Share Alike 2.0 license by the OpenStreetMap project and its contributors.</td>
</tr>
</table>
</div>
<script src="/openlayers/OpenLayers.js?1274025181" type="text/javascript"></script>
<script src="/openlayers/OpenStreetMap.js?1281890195" type="text/javascript"></script>
<script src="/javascripts/map.js?1281654719" type="text/javascript"></script>
<script type="text/javascript" defer="defer">
<!--
var brokenContentSize = $("content").offsetWidth == 0;
var marker;
var map;
OpenLayers.Lang.setCode("en");
function mapInit(){
map = createMap("map");
map.dataLayer = new OpenLayers.Layer("Data", { "visibility": false });
map.dataLayer.events.register("visibilitychanged", map.dataLayer, toggleData);
map.addLayer(map.dataLayer);
var centre = new OpenLayers.LonLat(-2.12604, 52.79185);
var zoom = 16;
setMapCenter(centre, zoom);
updateLocation();
setMapLayers("M");
map.events.register("moveend", map, updateLocation);
map.events.register("changelayer", map, updateLocation);
handleResize();
}
function toggleData() {
if (map.dataLayer.visibility) {
new Ajax.Request('/browse/start', {asynchronous:true, evalScripts:true})
} else if (map.dataLayer.active) {
closeSidebar();
}
}
function getPosition() {
return getMapCenter();
}
function getZoom() {
return getMapZoom();
}
function setPosition(lat, lon, zoom, min_lon, min_lat, max_lon, max_lat) {
var centre = new OpenLayers.LonLat(lon, lat);
if (min_lon && min_lat && max_lon && max_lat) {
var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
setMapExtent(bbox);
} else {
setMapCenter(centre, zoom);
}
if (marker)
removeMarkerFromMap(marker);
marker = addMarkerToMap(centre, getArrowIcon());
}
function updateLocation() {
var lonlat = getMapCenter();
var zoom = map.getZoom();
var layers = getMapLayers();
var extents = getMapExtent();
var expiry = new Date();
var objtype;
var objid;
updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, objtype, objid);
expiry.setYear(expiry.getFullYear() + 10);
document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
}
function resizeContent() {
var content = $("content");
var rightMargin = parseInt(getStyle(content, "right"));
var bottomMargin = parseInt(getStyle(content, "bottom"));
content.style.width = document.documentElement.clientWidth - content.offsetLeft - rightMargin;
content.style.height = document.documentElement.clientHeight - content.offsetTop - bottomMargin;
}
function resizeMap() {
var centre = map.getCenter();
var zoom = map.getZoom();
var sidebar_width = $("sidebar").offsetWidth;
if (sidebar_width > 0) {
sidebar_width = sidebar_width + 5
}
$("map").style.left = (sidebar_width) + "px";
$("map").style.width = ($("content").offsetWidth - sidebar_width) + "px";
$("map").style.height = ($("content").offsetHeight - 2) + "px";
map.setCenter(centre, zoom);
}
function handleResize() {
if (brokenContentSize) {
resizeContent();
}
resizeMap();
}
mapInit();
window.onload = handleResize;
window.onresize = handleResize;
// -->
</script>
</div>
<span id="greeting">
<a href="/login?referer=%2F%3Flat%3D52.79185%26lon%3D-2.12604%26zoom%3D16%26layers%3DM" id="loginanchor" title="Log in with an existing account">log in</a> |
<a href="/user/new" id="registeranchor" title="Create an account for editing">sign up</a>
</span>
<div>
<ul id="tabnav">
<li><a href="/" class="active" id="viewanchor" title="View the map">View</a></li>
<li><a href="/edit" class="" id="editanchor" title="Edit the map">Edit</a></li>
<li><a href="/browse/changesets" class="" id="historyanchor" title="View edits for this area">History</a></li>
<li><a class="" href="/export" id="exportanchor" onclick="new Ajax.Request('/export/start', {asynchronous:true, evalScripts:true}); return false;" title="Export map data">Export</a></li>
<li><a href="/traces" class="" id="traceanchor" title="Manage GPS traces">GPS Traces</a></li>
<li><a href="/diary" id="diaryanchor" title="View user diaries">User Diaries</a></li>
</ul>
</div>
<div id="left">
<div id="logo">
<center>
<h1>OpenStreetMap</h1>
<a href="/"><img alt="OpenStreetMap logo" border="0" height="120" src="/images/osm_logo.png?1274025181" width="120" /></a><br/>
<h2 class="nowrap">The Free Wiki World Map</h2>
</center>
</div>
<div id="intro">
<p>
OpenStreetMap is a free editable map of the whole world. It is made by people like you.
</p>
<p>
OpenStreetMap allows you to view, edit and use geographical data in a collaborative way from anywhere on Earth.
</p>
<p>
OpenStreetMap's hosting is kindly supported by the <a href="http://www.vr.ucl.ac.uk">UCL VR Centre</a> and <a href="http://www.bytemark.co.uk">bytemark</a>. Other supporters of the project are listed in the <a href="http://wiki.openstreetmap.org/wiki/Partners">wiki</a>.
</p>
</div>
<div id="left_menu" class="left_menu">
<a href="http://wiki.openstreetmap.org" title="Help & Wiki site for the project">Help & Wiki</a><br />
<a href="/copyright">Copyright & License</a><br />
<a href="http://blogs.openstreetmap.org/" title="News blog about OpenStreetMap, free geographical data, etc.">News blog</a><br />
<a href="http://wiki.openstreetmap.org/wiki/Merchandise" title="Shop with branded OpenStreetMap merchandise">Shop</a><br />
<a href="#" onclick="openMapKey(); return false;" title="Map key for the mapnik rendering at this zoom level">Map key</a>
</div>
<div class="optionalbox">
<span class="whereami"><a href="javascript:describeLocation()" title="Describe the current location using the search engine">Where am I?</a></span>
<h1>Search</h1>
<div class="search_form">
<div id="search_field">
<form action="/" method="get" onsubmit="setSearchViewbox(); new Ajax.Request('/geocoder/search', {asynchronous:true, evalScripts:true, onComplete:function(request){endSearch()}, onLoading:function(request){startSearch()}, parameters:Form.serialize(this)}); return false;">
<input id="query" name="query" type="text" value="" />
<input id="minlon" name="minlon" type="hidden" />
<input id="minlat" name="minlat" type="hidden" />
<input id="maxlon" name="maxlon" type="hidden" />
<input id="maxlat" name="maxlat" type="hidden" />
<input name="commit" type="submit" value="Go" />
</form>
</div>
</div>
<p class="search_help">
examples: 'Alkmaar', 'Regent Street, Cambridge', 'CB2 5AQ', or 'post offices near Lünen' <a href='http://wiki.openstreetmap.org/wiki/Search'>more examples...</a>
</p>
</div>
<center>
<div class="donate">
<a href="http://donate.openstreetmap.org/" title="Support OpenStreetMap with a monetary donation">Make a Donation</a>
</div>
</center>
</div>
</body>
</html>