source: trunk/openspace.npemap.org.uk/index.html @ 611

Last change on this file since 611 was 611, checked in by Nick Burch, 12 years ago

Start off

  • Property svn:eol-style set to native
File size: 2.1 KB
Line 
1<html xmlns="http://www.w3.org/1999/xhtml">
2<head>
3<title>Open Space Tutorial - Example 1</title>
4<script type="text/javascript" src="http://openspace.ordnancesurvey.co.uk/osmapapi/openspace.js?key=413F829AAE11F96EE0405F0AF060395F"></script>
5
6<script src="yahoo.js" type="text/javascript"></script>
7<script src="dom.js" type="text/javascript"></script>
8<script src="event.js" type="text/javascript"></script>
9<script src="jsr_class.js" type="text/javascript"></script>
10<script src="jscoord-1.1.1.js" type="text/javascript"></script>
11<script src="prototype.js" type="text/javascript"></script>
12</head>
13<body onload="init()">
14
15<script type="text/javascript">
16    <!--
17   
18    var osMap;
19        var markers;
20        var url = "/cgi/get-postcodes.fcgi";
21        var grid = "osgb";
22
23        var successHandler = function(o){
24          eval(o.responseText);
25        }
26
27        var failHander = function(o) {
28          // Don't do anything
29          $('spinner').innerHTML = '<p class="error">Problem showing existing data.</p>';
30        }
31   
32        function drawExisting() {
33                var bounds = osMap.calculateBounds();
34                var params = "mineasting=" + bounds.left + "&maxeasting="  + bounds.right + "&minnorthing=" + bounds.bottom + "&maxnorthing=" + bounds.top + "&grid=" + grid;
35                $('spinner').innerHTML = '<p>Fetching postcodes, please wait</p>';
36
37                var myAjax = new Ajax.Request(url, {
38                        method: 'get',
39                        parameters: params,
40                        onComplete: successHandler,
41                        onFailure: failHander
42                });
43        }
44   
45    function init()
46    {
47        osMap = new OpenSpace.Map('map');
48        osMap.setCenter(new OpenSpace.MapPoint(438760, 114760), 8);
49       
50                markers = new OpenLayers.Layer.Markers("Markers");
51        osMap.addLayer(markers);
52       
53                drawExisting();
54    }
55
56        function addMarker(postcode, easting, northing, others ) {
57        var pos = new OpenSpace.MapPoint(easting, northing);
58        var marker = new OpenLayers.Marker(pos);
59        markers.addMarker(marker);               
60        }
61
62        function completeMarkers() {
63                $('spinner').innerHTML = "&nbsp;";
64        }
65
66    // -->
67</script>
68
69<h1>Displaying a marker on a map</h1>
70
71<div id="map" style="width: 500px; height: 300px; border: 1px solid black;"></div>
72
73<div id="spinner" />
74
75</body>
76</html>
Note: See TracBrowser for help on using the repository browser.