source: subversion/applications/viewer/pymap/index.html @ 28620

Last change on this file since 28620 was 14529, checked in by deelkar, 11 years ago

add openstreetbrowser to layer switcher

File size: 2.4 KB
Line 
1<html xmlns="http://www.w3.org/1999/xhtml">
2  <head>
3    <style type="text/css">
4#map {
5        width: 100%;
6        height: 100%;
7        border: 0px;
8        padding: 0px;
9        position: absolute;
10     }
11body {
12        border: 0px;
13        margin: 0px;
14        padding: 0px;
15        height: 100%;
16     }
17    </style>
18    <script src="/static/OpenLayers.js"></script>
19    <script type="text/javascript">
20        var map;
21
22     function getOSMURL(bounds) {
23        var res = this.map.getResolution();
24        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
25        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
26        var z = this.map.getZoom();
27        var limit = Math.pow(2, z);
28        x = ((x % limit) + limit) % limit;
29        var url = this.url;
30        var path = z + "/" + x + "/" + y + ".png";
31        if (url instanceof Array)
32          {
33                url = this.selectUrl(path, url);
34          }
35          return url + path;
36     }
37
38
39        function init(){
40            map = new OpenLayers.Map('map',
41                    { maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
42                      numZoomLevels: 19,
43                      maxResolution: 156543.0399,
44                      units: 'm',
45                      transitionEffect: "resize",
46                      projection: new OpenLayers.Projection("EPSG:900913")});
47
48            var layerMapnik = new OpenLayers.Layer.TMS("Mapnik",'/tiles/mapnik/',{transitionEffect:'resize',getURL:getOSMURL});
49            var layerOsma = new OpenLayers.Layer.TMS("Osmarender",'/tiles/osma/',{transitionEffect:'resize',getURL:getOSMURL});
50            var layerCycle = new OpenLayers.Layer.TMS("Cycle",'/tiles/cycle/',{transitionEffect:'resize',getURL:getOSMURL});
51            var layerOSMB = new OpenLayers.Layer.TMS("OpenStreetBrowser",'/tiles/OSMB/',{transitionEffect:'resize',getURL:getOSMURL});
52            var layerPSV = new OpenLayers.Layer.TMS("PSV (z0-13)",'/tiles/PSV/',{transitionEffect:'resize',getURL:getOSMURL});
53            map.addLayers([layerMapnik,layerOsma,layerCycle,layerOSMB,layerPSV]);
54            map.addControl(new OpenLayers.Control.LayerSwitcher());
55            map.setCenter(new OpenLayers.LonLat(11.59,48.14).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")), 5);
56        }
57    </script>
58  </head>
59  <body onload="init()">
60    <div id="map"></div>
61  </body>
62</html>
Note: See TracBrowser for help on using the repository browser.