source: subversion/applications/rendering/pyrender/slippy.html @ 8305

Last change on this file since 8305 was 8293, checked in by ojw, 11 years ago

debug layers

File size: 3.9 KB
Line 
1<html>
2<head>
3    <title>OpenStreetMap</title>
4    <script src="http://openlayers.org/api/OpenLayers.js"></script> 
5    <script src="http://openstreetmap.org/openlayers/OpenStreetMap.js"></script>
6
7    <script type="text/javascript">
8      function getUrlParam( name )
9      {
10      name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
11      var regexS = "[\\?&]"+name+"=([^&#]*)";
12      var regex = new RegExp( regexS );
13      var results = regex.exec( window.location.href );
14      if( results == null )
15      return "";
16      else
17      return results[1];
18      }
19
20        // Default map position if not overridden by URL parameters
21        var lon = getUrlParam("lon");
22        var lat = getUrlParam("lat");
23        var zoom = getUrlParam("zoom");
24        if (lon=="") lon=-0.11768
25        if (lat=="") lat=51.50869
26        if (zoom=="") zoom=15
27               
28        var map; //complex object of type OpenLayers.Map
29
30        //Initialise the 'map' object
31        function init() {
32         
33            map = new OpenLayers.Map ("map", {
34                controls:[
35                    new OpenLayers.Control.Navigation(),
36                    new OpenLayers.Control.Permalink(),
37                    new OpenLayers.Control.LayerSwitcher(),
38                    new OpenLayers.Control.PanZoomBar()],
39                maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
40                maxResolution: 156543.0399,
41                numZoomLevels: 19,
42                units: 'meters',
43                projection: new OpenLayers.Projection("EPSG:900913"),
44                displayProjection: new OpenLayers.Projection("EPSG:4326")
45            } );
46               
47
48            // Define the map layer
49            // Note that we use a predefined layer that will be
50            // kept up to date with URL changes
51            // Here we define just one layer, but providing a choice
52            // of several layers is also quite simple
53            // Other defined layers are OpenLayers.Layer.OSM.Mapnik and OpenLayers.Layer.OSM.Maplint
54            layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender("Osmarender");
55
56            var baseColours = new Array(
57              "white",
58              "black",
59              "parchment",
60              "blue",
61              "green"
62              );
63            for(loop1 in baseColours)
64            {
65              baseLayerObject = new OpenLayers.Layer.OSM(
66                  ""+baseColours[loop1],
67                  "/"+baseColours[loop1]+"/",
68                {isBaseLayer:true,
69                  border:0});
70              map.addLayer(baseLayerObject);
71            }
72           
73            var layerNames = new Array(
74              "default",
75              "underground",
76              "water",
77              "power",
78              "cycle",
79              "landuse",
80              "boundaries",
81              "buildings",
82              "noname",
83              "unfinished"
84              );
85
86            var first = true;
87            for (loop2 in layerNames)
88            {
89              layerObject = new OpenLayers.Layer.OSM(
90                  "" + layerNames[loop2],
91                  "/"+layerNames[loop2]+"/",
92                {
93                isBaseLayer:false,
94                maxResolution:37,
95                visibility:first,
96                border:0
97                });
98            map.addLayer(layerObject);
99            first = false;
100            }
101
102            map.addLayer(layerTilesAtHome);
103
104            var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"));
105            map.setCenter (lonLat, zoom);
106        }
107       
108    </script>
109</head>
110
111<!-- body.onload is called once the page is loaded (call the 'init' function) -->
112<body onload="init();">
113
114    <!-- define a DIV into which the map will appear. Make it take up the whole window -->
115    <div style="width:100%; height:100%" id="map"></div>
116   
117</body>
118
119</html>
Note: See TracBrowser for help on using the repository browser.