source: subversion/sites/ooc.openstreetmap.org/index.html @ 20780

Last change on this file since 20780 was 18102, checked in by tomhughes, 10 years ago

Don't let the default view go below zoom 6 as we have no tiles below that.

File size: 1.8 KB
Line 
1<html>
2  <head>
3    <title>OpenStreetMap - Out of Copyright Maps</title>
4    <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
5    <script type="text/javascript" src="openlayers/OOC.js"></script>
6    <script type="text/javascript" src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
7    <script type="text/javascript">
8    //<![CDATA[
9    var map;
10
11    function load () {
12      // Create a map
13      map = new OpenLayers.Map("map", {
14        controls: [
15          new OpenLayers.Control.ArgParser(),
16          new OpenLayers.Control.LayerSwitcher(),
17          new OpenLayers.Control.Navigation(),
18          new OpenLayers.Control.PanZoomBar(),
19          new OpenLayers.Control.Permalink()
20        ],
21        displayProjection: new OpenLayers.Projection("EPSG:4326")
22      });
23
24      // Add OS layers
25      var npe = new OpenLayers.Layer.NPE("OS NPE (1:50000)");
26      map.addLayer(npe);
27      var os7 = new OpenLayers.Layer.OS7("OS 7th Series (1:50000)");
28      map.addLayer(os7);
29      var os1 = new OpenLayers.Layer.OS1("OS 1st Edition (1:25000)");
30      map.addLayer(os1);
31
32      // Add OpenStreetMap layers
33      var mapnik = new OpenLayers.Layer.OSM.Mapnik("OpenStreetMap (Mapnik)");
34      map.addLayer(mapnik);
35
36      // Set the default centre and scale for the map
37      if (!map.getCenter()) {
38        var gb = new OpenLayers.Bounds(-10.5, 49.85, 1.9, 58.75);
39        var wgs84 = new OpenLayers.Projection("EPSG:4326");
40        gb.transform(wgs84, map.getProjectionObject());
41        map.zoomToExtent(gb);
42        if (map.getZoom() < 6) map.zoomTo(6);
43      }
44    }
45    //]]>
46    </script>
47  </head>
48  <body onload="load()">
49    <div id="map" style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%"></div>
50  </body>
51</html
Note: See TracBrowser for help on using the repository browser.