OpenLayers OpenLayers

Changeset 2700

Show
Ignore:
Timestamp:
03/12/07 06:52:29 (2 years ago)
Author:
emanuel
Message:

frida wms demo with tilecache

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • sandbox/emanuel/animatedZooming/demo_frida.html

    r2275 r2700  
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    2         "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> 
    31<html xmlns="http://www.w3.org/1999/xhtml"> 
     2  <head> 
    43 
    5 <head>   
    6   <style type="text/css"> 
    7       #map { 
    8           width: 512px; 
    9           height: 512px; 
    10           border: 1px solid black; 
    11       } 
    12   </style> 
    13   <title>Frida Demo - Free Vector-Geodata Osnabrueck, Germany</title> 
    14    
    15   <script src="./lib/OpenLayers.js"></script> 
    16   <script type="text/javascript"> 
    17   
    18   function init() { 
    19  
    20       var options = { 
    21           maxResolution: 0.0004974218750000009 , 
    22           numZoomLevels: 8, 
    23           maxExtent: new OpenLayers.Bounds(7.92881, 52.2131, 8.18349, 52.34), 
    24           projection:"EPSG:4326", //alternative: "EPSG:31467" 
    25           controls: [new OpenLayers.Control.MouseDefaults()] 
    26     };  
    27     var map = new OpenLayers.Map('map',options); 
     4    <title>Animated Zooming Demo</title> 
     5    <link rel="stylesheet" href="http://openlayers.org/website.css" type="text/css" /> 
     6    <style type="text/css"> 
     7        #map { 
     8            width: 99%; 
     9            height: 511px; 
     10            border: 1px solid black; 
     11            margin-right: 50px; 
     12             
     13        } 
     14    </style> 
    2815 
    2916 
    30     //baselayer 
    31     var baselayer_wms = new OpenLayers.Layer.WMS(  
    32         "Frida WMS",  
    33         "http://demo.intevation.org/cgi/frida-wms", { 
    34           layers: 'strassenall', 
    35           isBaseLayer: 'true', 
    36           format: 'image/png'} 
    37         ); 
     17    <script src="./lib/OpenLayers.js"></script> 
     18    <script type="text/javascript"> 
     19      <!-- 
     20      function init() { 
     21        var options4326 = { 
     22                 maxResolution: 0.001258, 
     23                 numZoomLevels: 8, 
     24                 maxExtent: new OpenLayers.Bounds(7.929036,52.218534,8.178378,52.337128), 
     25                 projection:"EPSG:4326", 
     26                 controls: [new OpenLayers.Control.MouseDefaults()] 
     27 
     28                 };  
     29        var options31467 = { 
     30                 maxResolution: 70 , 
     31                 numZoomLevels: 8, 
     32                 maxExtent: new OpenLayers.Bounds(3427000.290000,5787594.240000,3444004.000000,5800876.470000), 
     33                 projection:"EPSG:31467", 
     34                 controls: [new OpenLayers.Control.MouseDefaults()] 
     35 
     36                 };  
     37        var map = new OpenLayers.Map('map',options31467); 
     38 
     39 
     40 
     41        // frida wms 31467 - tilecache 
     42        var frida31467_tilecache = new OpenLayers.Layer.WMS(  
     43            "Frida WMS (EPSG 31467); tilecache",  
     44            "http://igf-srv-geodb.igf.uni-osnabrueck.de/tilecache/tilecache.py", { 
     45              layers: 'frida31467', 
     46              format: 'image/png'} 
     47            ); 
     48         
     49        // frida 31467 - NO tilecache 
     50        var frida31467 = new OpenLayers.Layer.WMS( "Frida WMS (EPSG 31467)",  
     51        "http://igf-srv-geodb.igf.uni-osnabrueck.de/cgi-bin/frida-wms", { 
     52    layers: 'sehenswuerdigkeiten,gruenflaechen,gewaesser,gewaesserlinien,autobahn,bundesstrassen,hauptstrassen,nebenstrassen,sonststrassen', 
     53    format:'image/png'} 
     54        );  
     55 
     56        //add all layers 
     57        map.addLayers([frida31467_tilecache, frida31467]); 
     58         
     59        //add controls 
     60        map.addControl(new OpenLayers.Control.PanZoomBar()); 
     61        map.addControl( new OpenLayers.Control.LayerSwitcher() ); 
     62        map.addControl(new OpenLayers.Control.MousePosition()); 
     63        map.addControl(new OpenLayers.Control.KeyboardDefaults()); 
     64        map.addControl(new OpenLayers.Control.OverviewMap()); 
     65 
     66        //set center and zoomlevel 
     67        if (!map.getCenter())  
     68            map.zoomToMaxExtent(); 
     69      }   
     70      // --> 
     71    </script> 
     72  </head> 
     73 
     74 
     75  <body onload="init()" > 
     76    <div id="olbanner" style="height: 80px;"> 
     77      <img class="openlayersbannerimg"  
     78      src="http://www.openlayers.org/images/OpenLayers.trac.png"  
     79      style="height: 44px; width: 49px;border:0px"  
     80      alt="OpenLayers" /> 
     81      <a class="penlayersbanner" >OpenLayers</a><br> 
     82       <h3 style="font-weight: normal; font-size: 0.4em; margin: 0 0 0 75;"> 
     83       Demo with animated zooming and panning</h3>   
     84    </div> 
     85    <div id="mainnav" class="nav" style="font-weight: normal;text-align:right; padding-right:1%;" > 
     86      <small>&nbsp;</small> 
     87    </div> 
     88 
     89    <div id="map"></div> 
    3890     
    39     //green spaces 
    40     var greenspaces_wms = new OpenLayers.Layer.WMS(  
    41         "green spaces",  
    42         "http://demo.intevation.org/cgi/frida-wms", { 
    43           layers: 'gruenflaechen', 
    44           isBaseLayer: "false",  
    45           transparent: "true",  
    46           format:'image/png'} 
    47         ); 
    48     greenspaces_wms.setVisibility(false); 
     91    <small style="margin: 0 0 0 12;">animated zooming feature by <a href="mailto:emanuel(at)intevation.de"> Emanuel Sch&uuml;tze</a>, <a target="_blank" href="http://intevation.org">Intevation GmbH</a></small> 
     92    <br/> 
     93    <small style="margin: 0 0 0 12;">Free geodata powered by <a target="_blank" href="http://frida.intevation.de">Frida project</a></small> 
    4994 
    50     //waters 
    51     var waters_wms = new OpenLayers.Layer.WMS(  
    52         "waters",  
    53         "http://demo.intevation.org/cgi/frida-wms", { 
    54           layers: 'gewaesser', 
    55           isBaseLayer: "false",  
    56           transparent: "true",  
    57           format:'image/png'} 
    58         ); 
    59     waters_wms.setVisibility(false); 
    60      
    61     //streets 
    62     var streets_wms = new OpenLayers.Layer.WMS(  
    63         "streets",  
    64         "http://demo.intevation.org/cgi/frida-wms", { 
    65           layers: 'strassenall', 
    66           isBaseLayer: "false",  
    67           transparent: "true",  
    68           format:'image/png'} 
    69         ); 
    70     streets_wms.setVisibility(false); 
    71  
    72     //poi 
    73     var poi_wms = new OpenLayers.Layer.WMS(  
    74         "POI",  
    75         "http://demo.intevation.org/cgi/frida-wms", { 
    76           layers: 'sehenswuerdigkeiten', 
    77           isBaseLayer: "false",  
    78           transparent: "true",  
    79           format:'image/png'} 
    80         ); 
    81     poi_wms.setVisibility(false);         
    82      
    83  
    84     //add all layers 
    85     map.addLayers([baselayer_wms, greenspaces_wms, waters_wms,poi_wms]); 
    86      
    87     //add controls 
    88     map.addControl(new OpenLayers.Control.PanZoomBar()); 
    89     map.addControl( new OpenLayers.Control.LayerSwitcher() ); 
    90     map.addControl(new OpenLayers.Control.MousePosition()); 
    91  
    92     //set center and zoomlevel 
    93     if (!map.getCenter())  
    94         map.zoomToMaxExtent(); 
    95 }   
    96 </script> 
    97 </head> 
    98  
    99 <body onload="init()"> 
    100     <div id="map"></div> 
    101     Free geodata powered by <a href="http://frida.intevation.de">Frida project</a> 
    102 </body> 
     95  </body> 
    10396 
    10497</html> 

  • sandbox/emanuel/animatedZooming/lib/OpenLayers/Map.js

    r2635 r2700  
    145145     *  
    146146     * @type int */ 
    147     slideWait: 2, 
     147    slideWait: 0, 
    148148 
    149149    /** power used to calculate width of slide steps