source: trunk/npemap.org.uk/static/index.html @ 488

Last change on this file since 488 was 488, checked in by David Sheldon, 14 years ago

Tell them the tile server is back

File size: 4.3 KB
Line 
1<!--#set var="title" value="New Popular Edition Maps" -->
2<!--#set var="link" value="/" -->
3<!--#include virtual="inc/header.shtml" -->
4<script src="tiles/yahoo.js" type="text/javascript"></script> 
5<script src="tiles/dom.js" type="text/javascript"></script> 
6<script src="tiles/event.js" type="text/javascript"></script> 
7<script src="tiles/jsr_class.js" type="text/javascript"></script> 
8<script src="tiles/jscoord-1.1.1.js" type="text/javascript"></script> 
9<script src="tiles/prototype.js" type="text/javascript"></script>
10<script src="find.js" type="text/javascript"></script> 
11
12<div id="body">
13
14<div class="left-col"> 
15<ul>
16<li>Want to keep updated? <a href="news/">News</a> <a href="news/index.rss" class="feed">RSS</a></li>
17<li>Questions? <a href="FAQ.html">FAQ</a></li>
18<li>Problems? <a href="reportBug.html">Tell us</a></li>
19<li>Scotland? Northern Ireland? <a href="scotlandAndNI.html">Be informed</a></li>
20<li>Worried about your data? <a href="privacy.html">Privacy policy</a></li>
21<li>Interested in our maps? <a href="tileLicence.html">Licence</a></li>
22</ul>
23
24<ul>
25<li><a href="data/">Download postcode data</a></li>
26<li><a href="postcodeine/">Show postcodes on map</a></li>
27<li><a href="http://technology.guardian.co.uk/weekly/story/0,,1936557,00.html">Read about us in the Guardian!</a></li>
28</ul>
29
30<h3>Postcode statistics (<a href="stats/">more</a>)</h3>
31
32<!--#include virtual="stats/summary.html" -->
33
34<a href="http://digg.com/general_sciences/New_Popular_Edition_Maps">
35<img src="images/80x15-digg-badge-2.gif" width="80" height="15" alt="Digg!" 
36  border="0" />
37</a>
38
39</div>
40<div class="mid-col"> 
41
42<div id="introbox">
43  Have a look around, and see what the country looked like in the 1940s.
44  Click on the map to the right to start, you can then scroll around
45  and zoom in.
46</div>
47
48<div >
49<span style="color: blue">Tile server back up. We're hoping that it wont break tomorrow.</span>
50</div>
51
52<div id="searchbox">
53
54<form onsubmit="return find()" action="">
55<p>
56<script type="text/javascript">
57document.write(' <label for="where">You can search our maps by place name, and by postcode:</label><br/><input id="where" name="where" /> <input type="submit" name="Zoom To" value="Go" />');
58</script>
59</p>
60
61<div id="geonames_results_window">
62  <div class="close"><a href="javascript:hideGeonamesPopup()" title="close">X</a></div>
63  <div id="geonames_results"></div>
64</div>
65<span class="terms">Place functionality by <a href="http://www.geonames.org/">Geonames</a>.</span>
66</form>
67</div>
68
69<br />
70
71<div id="postcodeinfobox">
72<p> Whilst looking around, you can tell us about the postcode of where you are
73looking. We want to collect information about where postcodes are now by
74finding them on old maps.</p>
75<p>All you need to do is click on the the point in the map and fill in the
76postcode. Why not add your house, your place of work, and those of your
77friends and family, to help us build a free postcode database?
78There is more detail about why we want to do this in
79the <a href="FAQ.html">FAQ</a>.</p>
80</div>
81
82</div>
83<div class="right-col">
84
85<script type="text/javascript">
86document.write(' <a href="#" id="link"> <img src="thumbnail.jpg" alt="Click this map to zoom"/> </a>');
87</script>
88<noscript>
89This site requires javascript
90</noscript>
91
92</div>
93
94
95<script type="text/javascript">
96var ROOTURL = ".";
97
98// The X offset
99// (The number of pixels that were trimmed from the left of the thumbnail
100//   image, when it was created to start at 0,0 , but after it was halved
101//   in size)
102var xOffset = 38;
103
104function gotoLocation(easting, northing, zoom) {
105    location.href = urlFor(easting, northing, zoom);
106}
107
108
109function click(e) {
110       
111  e = YAHOO.util.Event.getEvent(e);
112  var img = YAHOO.util.Event.getTarget(e);
113  var imgPos = YAHOO.util.Dom.getXY(img);
114
115        var x = (xOffset + YAHOO.util.Event.getPageX(e) - imgPos[0]) * 2;
116        var y = (img.height-(YAHOO.util.Event.getPageY(e) - imgPos[1])) * 2;
117
118        location.href=(urlFor(x, y, 3));
119
120        YAHOO.util.Event.stopEvent(e);
121}
122
123YAHOO.util.Event.addListener("link", "click", click);
124
125var zooms = new Array(1);
126zooms[1] = 1;
127zooms[2] = 3;
128zooms[3] = 6;
129
130function urlFor(easting, northing, zoom) {
131  var x= Math.round(easting / zooms[zoom]); 
132  var y= Math.round(northing/ zooms[zoom]); 
133  return ROOTURL + "/tiles/map.html#" +  x + "," + y +","+zoom;
134}
135
136</script>
137
138</div>
139<!--#include virtual="inc/footer.shtml" -->
Note: See TracBrowser for help on using the repository browser.