OpenLayers OpenLayers
Show
Ignore:
Timestamp:
05/08/08 04:15:07 (8 months ago)
Author:
tschaub
Message:

giving examples some style

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/openlayers/examples/example.html

    r6497 r7095  
    33    <title>OpenLayers Example</title> 
    44    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    5     <style type="text/css"> 
    6         #map { 
    7             width: 512px; 
    8             height: 512px; 
    9             border: 1px solid black; 
    10         } 
    11     </style> 
     5    <link rel="stylesheet" href="style.css" type="text/css" /> 
    126    <script src="../lib/OpenLayers.js"></script> 
    137    <script type="text/javascript"> 
    …… 
    1812        function init(){ 
    1913 
    20             //set title name to include Browser Detection 
    21             // this is the only way to test the functionality 
    22             // of the getBrowserName() function 
    23             // 
    24             var header = OpenLayers.Util.getElement("browserHeader"); 
    25             header.innerHTML = "(browser: "; 
    26             var browserCode = OpenLayers.Util.getBrowserName(); 
    27             switch (browserCode) { 
    28                 case "opera": 
    29                     browserName = "Opera"; 
    30                     break; 
    31                 case "msie": 
    32                     browserName = "Internet Explorer"; 
    33                     break; 
    34                 case "safari": 
    35                     browserName = "Safari"; 
    36                     break; 
    37                 case "firefox": 
    38                     browserName = "FireFox"; 
    39                     break; 
    40                 case "mozilla": 
    41                     browserName = "Mozilla"; 
    42                     break; 
    43                 default: 
    44                     browserName = "detection error" 
    45                     break; 
    46             } 
    47             header.innerHTML += browserName + ")"; 
    48  
    4914            map = new OpenLayers.Map('map'); 
    5015 
    51             var options = { 
    52                             resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101] 
    53             }; 
     16            var ol_wms = new OpenLayers.Layer.WMS( 
     17                "OpenLayers WMS", 
     18                "http://labs.metacarta.com/wms/vmap0", 
     19                {layers: 'basic'} 
     20            ); 
    5421 
    55             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
    56                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}, 
    57                 options); 
     22            var jpl_wms = new OpenLayers.Layer.WMS( 
     23                "NASA Global Mosaic", 
     24                "http://t1.hypercube.telascience.org/cgi-bin/landsat7",  
     25                {layers: "landsat7"} 
     26            ); 
    5827 
    59             var options2 = { 
    60                             resolutions: [0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101] 
    61             }; 
    62             var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic", 
    63                 "http://t1.hypercube.telascience.org/cgi-bin/landsat7",  
    64                 {layers: "landsat7"}, options2); 
    65  
    66             var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo", 
     28            var dm_wms = new OpenLayers.Layer.WMS( 
     29                "DM Solutions Demo", 
    6730                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", 
    68                 {layers: "bathymetry,land_fn,park,drain_fn,drainage," + 
    69                          "prov_bound,fedlimit,rail,road,popplace", 
    70                  transparent: "true", format: "image/png"}, 
    71                  {minResolution: 0.17578125, 
    72                   maxResolution: 0.703125}); 
     31                { 
     32                    layers: "bathymetry,land_fn,park,drain_fn,drainage," + 
     33                            "prov_bound,fedlimit,rail,road,popplace", 
     34                    transparent: "true", format: "image/png"}, 
     35                { 
     36                    minResolution: 0.17578125, 
     37                    maxResolution: 0.703125 
     38                } 
     39            ); 
    7340 
    7441            map.addLayers([ol_wms, jpl_wms, dm_wms]); 
    7542            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    76             // map.setCenter(new OpenLayers.LonLat(0, 0), 0); 
    7743            map.zoomToMaxExtent(); 
    7844        } 
    …… 
    8046  </head> 
    8147  <body onload="init()"> 
    82     <h1 id="title" style="display:inline;">OpenLayers Example</h1> 
    83     <h3 id="browserHeader" style="display:inline;"></h3> 
    84  
     48    <h1 id="title">OpenLayers Example</h1> 
    8549    <div id="tags"></div> 
    86  
    8750    <p id="shortdesc"> 
    8851        Demonstrate a simple map with an overlay that includes layer switching controls. 
    8952    </p> 
    90  
    91     <div id="map"></div> 
    92  
     53    <div id="map" class="smallmap"></div> 
    9354    <div id="docs"></div> 
    9455  </body>