OpenLayers OpenLayers

Changeset 7095

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

giving examples some style

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/openlayers/examples/GMLParser.html

    r6497 r7095  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    22  <head> 
    3       <title>OpenLayers GML Parser</title> 
     3    <title>OpenLayers GML Parser</title> 
    44    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    5     <style type="text/css"> 
    6         #map { 
    7             width: 800px; 
    8             height: 475px; 
    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"> 

  • trunk/openlayers/examples/KMLParser.html

    r6497 r7095  
    22  <head> 
    33    <title>OpenLayers KML Parser Example</title> 
     4    <link rel="stylesheet" href="style.css" type="text/css" /> 
    45    <script src="../lib/OpenLayers.js"></script> 
    56    <script type="text/javascript"> 

  • trunk/openlayers/examples/accessible.html

    r6497 r7095  
    33        <title>OpenLayers Accessible Example</title> 
    44        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    5          
     5        <link rel="stylesheet" href="style.css" type="text/css" /> 
    66        <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid #eee; 
    11             } 
    127            table { 
    138                border: 1 px solid white; 
    …… 
    9186                        </a> 
    9287                    </td> 
    93                     <td id="map"></td> 
     88                    <td id="map" class="smallmap"></td> 
    9489                    <td> 
    9590                        <a href="javascript: void map.pan(map.getSize().w / 4, 0);" 

  • trunk/openlayers/examples/animated_panning.html

    r6497 r7095  
    33    <title>Animated Panning of the Map via map.panTo</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: 256px; 
    9             border: 1px solid black; 
    10         } 
    11         #map2 { 
    12             width: 512px; 
    13             height: 256px; 
    14             border: 1px solid black; 
    15         } 
    16     </style> 
     5    <link rel="stylesheet" href="style.css" type="text/css" /> 
    176    <script src="../lib/OpenLayers.js"></script> 
    187    <script type="text/javascript"> 
    …… 
    8776    <div id="tags">map.panTo</div> 
    8877    <div id="shortdesc">Show animated panning effects in the map</div> 
    89     <div id="map"></div> 
     78    <div id="map" class="smallmap"></div> 
    9079    <div id="docs"> 
    9180        <p>This is an example of transition effects. If the new random center is in the current extent, the map will pan smoothly. <br /> 
    …… 
    9584    </div> 
    9685    <button onclick="setCenterInterval()">Start/stop random recenter</button> 
    97     <div id="map2"></div> 
     86    <div id="map2" class="smallmap"></div> 
    9887    <div>     
    9988    <p>To turn off Animated Panning, create a map with an panMethod set to 

  • trunk/openlayers/examples/attribution.html

    r6987 r7095  
    33        <title>OpenLayers Attribution Example</title> 
    44        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    5  
    6         <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid black; 
    11             } 
    12         </style> 
     5        <link rel="stylesheet" href="style.css" type="text/css" /> 
    136        <script src="../lib/OpenLayers.js"></script> 
    147 
    …… 
    4942        </p> 
    5043 
    51         <div id="map"></div> 
     44        <div id="map" class="smallmap"></div> 
    5245 
    5346        <div id="docs"> 

  • trunk/openlayers/examples/baseLayers.html

    r6497 r7095  
    44         
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    67        <style type="text/css"> 
    7             #map { 
    8                 width: 512; 
    9                 height: 512px; 
    10                 border: 1px solid black; 
    11                 background-color: blue; 
    12             } 
    138            #controls 
    149            { 
    …… 
    9085 
    9186        <div id="controls"> 
    92             <div id="map"></div> 
     87            <div id="map" class="smallmap"></div> 
    9388 
    9489            <div style="background-color:green" onclick="add()"> click to add a marker to the map</div> 

  • trunk/openlayers/examples/boxes-vector.html

    r6145 r7095  
    33        <title>OpenLayers Boxes 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"> 
    …… 
    5448        </p> 
    5549         
    56         <div id="map"></div> 
     50        <div id="map" class="smallmap"></div> 
    5751 
    5852        <div id="docs"></div> 

  • trunk/openlayers/examples/boxes.html

    r6145 r7095  
    33        <title>OpenLayers Boxes 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"> 
    …… 
    5347        </p> 
    5448         
    55         <div id="map"></div> 
     49        <div id="map" class="smallmap"></div> 
    5650 
    5751        <div id="docs"></div> 

  • trunk/openlayers/examples/buffer.html

    r6497 r7095  
    33        <title>OpenLayers Buffer 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"> 
    …… 
    4640        </p> 
    4741 
    48         <div id="map"></div> 
     42        <div id="map" class="smallmap"></div> 
    4943 
    5044        <div id="docs"> 

  • trunk/openlayers/examples/click-handler.html

    r6145 r7095  
    44         
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    67        <style type="text/css"> 
    78            #map { 
    …… 
    162163            </p> 
    163164     
    164             <div id="map"></div> 
     165            <div id="map" class="smallmap"></div> 
    165166            <p> 
    166167                The click handler can be used to gain more flexibility over handling 

  • trunk/openlayers/examples/click.html

    r6997 r7095  
    44         
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    6         <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid black; 
    11             } 
    12         </style> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    137        <script src="../lib/OpenLayers.js"></script> 
    148        <script type="text/javascript"> 
    15 OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                 
     9            OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                 
    1610                defaultHandlerOptions: { 
    1711                    'single': true, 
    …… 
    7973        </p> 
    8074 
    81         <div id="map"></div> 
     75        <div id="map" class="smallmap"></div> 
    8276     
    8377        <div id="docs"> 

  • trunk/openlayers/examples/controls.html

    r6497 r7095  
    44 
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    6         <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid black; 
    11             } 
    12         </style> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    137        <script src="../lib/OpenLayers.js"></script> 
    148        <script type="text/javascript"> 
    159            var map; 
    1610            function init(){ 
    17                 map = new OpenLayers.Map('map', { controls: [] }); 
     11                map = new OpenLayers.Map('map', { 
     12                    controls: [ 
     13                        new OpenLayers.Control.PanZoomBar(), 
     14                        new OpenLayers.Control.MouseToolbar(), 
     15                        new OpenLayers.Control.LayerSwitcher({'ascending':false}), 
     16                        new OpenLayers.Control.Permalink(), 
     17                        new OpenLayers.Control.ScaleLine(), 
     18                        new OpenLayers.Control.Permalink('permalink'), 
     19                        new OpenLayers.Control.MousePosition(), 
     20                        new OpenLayers.Control.OverviewMap(), 
     21                        new OpenLayers.Control.KeyboardDefaults() 
     22                    ], 
     23                    numZoomLevels: 6 
     24                     
     25                }); 
    1826     
    19                 map.addControl(new OpenLayers.Control.PanZoomBar()); 
    20                 map.addControl(new OpenLayers.Control.MouseToolbar()); 
    21                 map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false})); 
    22                 map.addControl(new OpenLayers.Control.Permalink()); 
    23                 map.addControl(new OpenLayers.Control.ScaleLine()); 
    24                 map.addControl(new OpenLayers.Control.Permalink('permalink')); 
    25                 map.addControl(new OpenLayers.Control.MousePosition()); 
    26                 map.addControl(new OpenLayers.Control.OverviewMap()); 
    27                 map.addControl(new OpenLayers.Control.KeyboardDefaults()); 
    2827 
    2928                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
    …… 
    5857 
    5958        <a style="float:right" href="" id="permalink">Permalink</a> 
    60         <div id="map"></div> 
     59        <div id="map" class="smallmap"></div> 
    6160 
    6261        <div id="docs"></div> 

  • trunk/openlayers/examples/custom-control-point.html

    r6497 r7095  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    22  <head> 
    3       <title>OpenLayers Custom Control Point Examle</title> 
     3    <title>OpenLayers Custom Control Point Examle</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"> 
    …… 
    5549      </p> 
    5650 
    57     <div id="map"></div> 
     51    <div id="map" class="smallmap"></div> 
    5852    <div id="bounds"></div> 
    5953 

  • trunk/openlayers/examples/custom-control.html

    r6497 r7095  
    33        <title>Custom Control 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"> 
    …… 
    5953        </p> 
    6054       
    61         <div id="map"></div> 
     55        <div id="map" class="smallmap"></div> 
    6256 
    6357        <div id="docs"></div> 

  • trunk/openlayers/examples/custom-style.html

    r6497 r7095  
    44         
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    67        <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid gray; 
    11             } 
    128            p { 
    139                width: 500px; 
    …… 
    4844        </p> 
    4945 
    50         <div id="map"></div> 
     46        <div id="map" class="smallmap"></div> 
    5147 
    5248        <div id="docs"> 

  • trunk/openlayers/examples/debug.html

    r6497 r7095  
    44    <head> 
    55        <title>OpenLayers Debug Example</title> 
    6          
     6        <link rel="stylesheet" href="style.css" type="text/css" />         
    77        <script src="../lib/Firebug/firebug.js"></script> 
    88        <script src="../lib/OpenLayers.js"></script> 

  • trunk/openlayers/examples/doubleSetCenter.html

    r6497 r7095  
    55        <script src="../lib/OpenLayers.js"></script> 
    66        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    7         <style type="text/css"> 
    8             #map { 
    9                 width:512px; 
    10                 height:521px; 
    11             } 
    12         </style> 
     7        <link rel="stylesheet" href="style.css" type="text/css" /> 
    138    </head> 
    149    <body> 
    …… 
    2116        </p> 
    2217 
    23         <div id="map"></div> 
     18        <div id="map" class="smallmap"></div> 
    2419     
    2520        <script defer="defer" type="text/javascript"> 

  • trunk/openlayers/examples/drag-feature.html

    r6145 r7095  
    44         
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    67        <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid gray; 
    11             } 
    128            #controls { 
    139                width: 512px; 
    …… 
    7369        </p> 
    7470 
    75         <div id="map"></div> 
     71        <div id="map" class="smallmap"></div> 
    7672         
    7773        <div id="controls"> 

  • trunk/openlayers/examples/draw-feature.html

    r6497 r7095  
    44         
    55        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
     6        <link rel="stylesheet" href="style.css" type="text/css" /> 
    67        <style type="text/css"> 
    7             #map { 
    8                 width: 512px; 
    9                 height: 512px; 
    10                 border: 1px solid gray; 
    11             } 
    128            #controlToggle li { 
    139                list-style: none; 
    …… 
    7571        </p> 
    7672 
    77         <div id="map"></div> 
     73        <div id="map" class="smallmap"></div> 
    7874     
    7975        <ul id="controlToggle"> 

  • trunk/openlayers/examples/editingtoolbar-outside.html

    r6131 r7095  
    33  <head> 
    44    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
     5    <link rel="stylesheet" href="style.css" type="text/css" /> 
    56    <style type="text/css"> 
    67        .olControlEditingToolbar  { 
    …… 
    910            height: 30px;  
    1011            width: 150px; 
    11         } 
    12         #map { 
    13             width: 512px; 
    14             height: 256px; 
    15             border: 1px solid gray; 
    1612        } 
    1713    </style> 
    …… 
    4642  </head> 
    4743  <body onload="init()"> 
    48     <h3>OpenLayers EditingToolbar Outside Viewport</h3> 
    49     <div id="map"></div> 
     44    <h1 id="title">OpenLayers EditingToolbar Outside Viewport</h1> 
     45    <div id="map" class="smallmap"></div> 
    5046    <div id="panel" class="olControlEditingToolbar"></div> 
    5147  </body> 

  • trunk/openlayers/examples/editingtoolbar.html

    r6145 r7095  
    55         
    66        <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> 
    7         <style type="text/css"> 
    8             #map { 
    9                 width: 512px; 
    10                 height: 512px; 
    11                 border: 1px solid black; 
    12             } 
    13         </style> 
     7        <link rel="stylesheet" href="style.css" type="text/css" /> 
    148        <script src="../lib/OpenLayers.js"></script> 
    159        <script src="../lib/Firebug/debug.js"></script> 
    …… 
    4539 
    4640        <div id="panel"></div> 
    47         <div id="map"></div> 
     41        <div id="map" class="smallmap"></div> 
    4842 
    4943        <div id="docs"></div> 

  • trunk/openlayers/examples/events.html

    r6447 r7095  
    22    <head> 
    33        <title>OpenLayers Event Handling</title> 
     4        <link rel="stylesheet" href="style.css" type="text/css" /> 
    45        <style type="text/css"> 
    5             #map { 
    6                 width: 512px; 
    7                 height: 256px; 
    8                 border: 1px solid gray; 
    9             } 
    106            #panel { 
    117                margin: 5px; 
    …… 
    147143        </p> 
    148144 
    149         <div id="map"></div> 
     145        <div id="map" class="smallmap"></div> 
    150146        <div id="panel"></div> 
    151147        <textarea id="output"></textarea> 

  • 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