OpenLayers OpenLayers

Changeset 4222

Show
Ignore:
Timestamp:
09/11/07 17:50:35 (1 year ago)
Author:
tschaub
Message:

exposing the map for firebuggers - and removing some crufty html comments

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/openlayers/examples/baseLayers.html

    r2541 r4222  
    1919    <script src="../lib/OpenLayers.js"></script> 
    2020    <script type="text/javascript"> 
    21         <!-- 
    2221        var lon = 5; 
    2322        var lat = 40; 
    …… 
    7069            markers.removeMarker(marker); 
    7170        } 
    72                  
    73     // --> 
    7471 
    7572    </script> 

  • trunk/openlayers/examples/boxes.html

    r1424 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    13         box_extents = [ 
     12        var box_extents = [ 
    1413            [-10, 50, 5, 60], 
    1514            [-75, 41, -71, 44], 
    …… 
    1716            [10, 10, 20, 20] 
    1817        ]; 
    19  
     18        var map; 
    2019        function init(){ 
    21             var map = new OpenLayers.Map('map'); 
     20            map = new OpenLayers.Map('map'); 
    2221 
    2322            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    …… 
    4039            map.zoomToMaxExtent(); 
    4140        } 
    42         // --> 
    4341    </script> 
    4442  </head> 

  • trunk/openlayers/examples/canvas.html

    r2541 r4222  
    1111    <script src="../lib/OpenLayers.js"></script> 
    1212    <script type="text/javascript"> 
    13         <!-- 
    1413        var map, canvas; 
    1514        var click; 
    …… 
    4746          ); 
    4847        } 
    49         // --> 
    5048    </script> 
    5149  </head> 

  • trunk/openlayers/examples/ciesin.html

    r1424 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
     12        var map; 
    1313        function init(){ 
    14             var map = new OpenLayers.Map('map'); 
     14            map = new OpenLayers.Map('map'); 
    1515 
    1616            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    …… 
    3131            map.zoomToMaxExtent(); 
    3232        } 
    33         // --> 
    3433    </script> 
    3534  </head> 

  • trunk/openlayers/examples/click.html

    r1424 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
     12        var map; 
    1313        function init(){ 
    14             var map = new OpenLayers.Map('map'); 
     14            map = new OpenLayers.Map('map'); 
    1515 
    1616            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    …… 
    3333            }); 
    3434        } 
    35         // --> 
    3635    </script> 
    3736  </head> 

  • trunk/openlayers/examples/controls.html

    r2803 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
     12        var map; 
    1313        function init(){ 
    14             var map = new OpenLayers.Map('map', { controls: [] }); 
     14            map = new OpenLayers.Map('map', { controls: [] }); 
    1515 
    1616            map.addControl(new OpenLayers.Control.PanZoomBar()); 
    …… 
    4343            if (!map.getCenter()) map.zoomToMaxExtent(); 
    4444        } 
    45         // --> 
    4645    </script> 
    4746  </head> 

  • trunk/openlayers/examples/freemap.html

    r2920 r4222  
    1818    <script src="../lib/OpenLayers.js"></script> 
    1919    <script type="text/javascript"> 
    20       <!-- 
    21     var lat = 900863;  
    22     var lon = 235829; 
    23     var zoom = 6; 
    24     var map, layer; 
     20        var lat = 900863;  
     21        var lon = 235829; 
     22        var zoom = 6; 
     23        var map, layer; 
    2524 
    2625        function init(){ 
    …… 
    4039            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    4140        } 
    42 //      --> 
    4341    </script> 
    4442  </head> 

  • trunk/openlayers/examples/fullScreen.html

    r2978 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
     12        var map; 
    1313        function init(){ 
    14             var map = new OpenLayers.Map('map'); 
     14            map = new OpenLayers.Map('map'); 
    1515 
    1616            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    …… 
    3232            map.zoomToMaxExtent(); 
    3333        } 
    34         // --> 
    3534    </script> 
    3635  </head> 

  • trunk/openlayers/examples/geojson.html

    r3994 r4222  
    5555    <script src="../lib/OpenLayers.js"></script> 
    5656    <script type="text/javascript"> 
    57         <!-- 
    5857        var map, vectors, drawControls, formats, select; 
    5958        function init(){ 
    …… 
    132131            } 
    133132        })(); 
    134  
    135         // --> 
    136133    </script> 
    137134  </head> 

  • trunk/openlayers/examples/georss-markers.html

    r3208 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, layer; 
    1413 
    …… 
    2726            map.addLayer(newl); 
    2827        } 
    29         // --> 
    3028    </script> 
    3129  </head> 

  • trunk/openlayers/examples/georss-serialize.html

    r3626 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, drawControl, g; 
    1413        function serialize(feature) { 
    …… 
    3736            map.setCenter(new OpenLayers.LonLat(0, 0), 3); 
    3837        } 
    39  
    40         // --> 
    4138    </script> 
    4239  </head> 

  • trunk/openlayers/examples/georss.html

    r2541 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, layer; 
    1413 
    …… 
    3029            urlObj.value = ""; 
    3130        } 
    32         // --> 
    3331    </script> 
    3432  </head> 

  • trunk/openlayers/examples/gml-layer.html

    r3369 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var lon = 5; 
    1413        var lat = 40; 
    …… 
    2423            map.addLayer(new OpenLayers.Layer.GML("GML", "gml/polygon.xml")); 
    2524        } 
    26         // --> 
    2725    </script> 
    2826  </head> 

  • trunk/openlayers/examples/gml-serialize.html

    r3626 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, drawControl, g; 
    1413        function serialize(feature) { 
    …… 
    5857            } 
    5958        } 
    60         // --> 
    6159    </script> 
    6260  </head> 

  • trunk/openlayers/examples/google-factbook-tc.html

    r4221 r4222  
    1717    <script src="../lib/OpenLayers.js"></script> 
    1818    <script type="text/javascript"> 
    19         <!-- 
    2019        var map, gmap, merc; 
    2120 
    …… 
    4140        } 
    4241 
    43     // --> 
    44  
    4542    </script> 
    4643  </head> 

  • trunk/openlayers/examples/google-factbook.html

    r4221 r4222  
    1717    <script src="../lib/OpenLayers.js"></script> 
    1818    <script type="text/javascript"> 
    19         <!-- 
    2019        var map, gmap, merc; 
    2120 
    …… 
    4140        } 
    4241 
    43     // --> 
    44  
    4542    </script> 
    4643  </head> 

  • trunk/openlayers/examples/google.html

    r2541 r4222  
    1616    <script src="../lib/OpenLayers.js"></script> 
    1717    <script type="text/javascript"> 
    18         <!-- 
    1918        var lon = 5; 
    2019        var lat = 40; 
    …… 
    7069            markers.removeMarker(marker); 
    7170        } 
    72                  
    73     // --> 
    7471 
    7572    </script> 

  • trunk/openlayers/examples/gutter.html

    r2979 r4222  
    1313    <script src="../lib/OpenLayers.js"></script>  
    1414    <script type="text/javascript">  
    15         <!--  
    1615        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 2;  
    1716        var map;  
    …… 
    3231            map.setCenter(new OpenLayers.LonLat(-71.848, 42.2), 0);  
    3332        }  
    34         // -->  
    3533    </script>  
    3634  </head>  

  • trunk/openlayers/examples/image-layer.html

    r3020 r4222  
    1313    <script src="../lib/OpenLayers.js"></script> 
    1414    <script type="text/javascript"> 
    15         <!-- 
    1615        var map; 
    1716        function init(){ 
    …… 
    3534            map.zoomToMaxExtent(); 
    3635        } 
    37         // --> 
    3836    </script> 
    3937  </head> 

  • trunk/openlayers/examples/kamap.html

    r1424 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
     12        var map; 
    1313        function init(){ 
    14             var map = new OpenLayers.Map('map'); 
     14            map = new OpenLayers.Map('map'); 
    1515 
    1616            var ol_wms = new OpenLayers.Layer.WMS( "World Map",  
    …… 
    3030            map.zoomToMaxExtent(); 
    3131        } 
    32         // --> 
    3332    </script> 
    3433  </head> 

  • trunk/openlayers/examples/kml-layer-linestring.html

    r3369 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var lon = 5; 
    1413        var lat = 40; 
    …… 
    2423            map.zoomToExtent(new OpenLayers.Bounds(-112.292744,36.068477,-112.22408,36.109246)); 
    2524        } 
    26         // --> 
    2725    </script> 
    2826  </head> 

  • trunk/openlayers/examples/kml-layer.html

    r3369 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var lon = 5; 
    1413        var lat = 40; 
    …… 
    2423            map.zoomToMaxExtent(); 
    2524        } 
    26         // --> 
    2725    </script> 
    2826  </head> 

  • trunk/openlayers/examples/layer-opacity.html

    r2978 r4222  
    3535    <script src="../lib/OpenLayers.js"></script> 
    3636    <script type="text/javascript"> 
    37         <!-- 
    3837        var map = null; 
    3938        var shade = null; 
    …… 
    6766            map.setCenter(new OpenLayers.LonLat(464348.5,4975876), 1); 
    6867        } 
    69         // --> 
    7068    </script> 
    7169  </head> 

  • trunk/openlayers/examples/layerLoadMonitoring.html

    r3725 r4222  
     1<html xmlns="http://www.w3.org/1999/xhtml"> 
     2  <head> 
     3    <style type="text/css"> 
     4        #map { 
     5            position: absolute; 
     6            top: 5px; 
     7            left: 5px; 
     8            width: 500px; 
     9            height: 475px; 
     10            border: 1px solid black; 
     11        } 
     12        #eventsLogID { 
     13            position: absolute; 
     14            top: 5px; 
     15            left: 510px; 
     16            width: 300px; 
     17            height: 475px; 
     18            overflow: auto; 
     19            border: 1px solid black; 
     20        } 
     21    </style> 
     22    <script src="../lib/Firebug/firebug.js"></script> 
     23    <script src="../lib/OpenLayers.js"></script> 
     24    <script type="text/javascript"> 
     25        var lon = 5; 
     26        var lat = 40; 
     27        var zoom = 5; 
     28        var map, layer; 
     29         
     30        function init(){ 
     31 
     32            eventsLog = OpenLayers.Util.getElement("eventsLogID"); 
     33 
     34            map = new OpenLayers.Map( 'map' ); 
     35            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
     36            
     37            buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0",  
     38                    "http://labs.metacarta.com/wms/vmap0", 
     39                    {layers: 'basic'} ,  
     40                    { singleTile: false, buffer:0} 
     41            ); 
     42            registerEvents(buffer0); 
     43 
     44            buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1",  
     45                    "http://labs.metacarta.com/wms/vmap0", 
     46                    {layers: 'basic'} ,  
     47                    { singleTile: false, buffer:1} 
     48            ); 
     49            registerEvents(buffer1); 
     50 
     51            buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2",  
     52                    "http://labs.metacarta.com/wms/vmap0", 
     53                    {layers: 'basic'} ,  
     54                    { singleTile: false, buffer:2 } 
     55            ); 
     56            registerEvents(buffer2); 
     57 
     58            singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer",  
     59                    "http://labs.metacarta.com/wms/vmap0", 
     60                    {layers: 'basic'} ,  
     61                    { singleTile: true} 
     62            ); 
     63            registerEvents(singleTileLayer); 
     64             
     65            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); 
     66        }         
     67         
     68        function registerEvents(layer) { 
     69                 
     70            layer.logEvent = function(event) { 
     71                eventsLog.innerHTML += "<br>(" + getTimeStamp() + ") " + 
     72                                       this.name + ": " + event;     
     73            } 
     74             
     75            layer.events.register("loadstart", layer, function() { 
     76                this.logEvent("Load Start"); 
     77            }); 
     78      
     79            layer.events.register("tileloaded", layer, function() { 
     80                this.logEvent("Tile loaded. " + this.numLoadingTiles + " left."); 
     81            }); 
     82             
     83            layer.events.register("loadend", layer, function() { 
     84                this.logEvent("Load End. Grid:" + this.grid.length + "x" + this.grid[0].length); 
     85            }); 
     86             
     87            map.addLayer(layer); 
     88        } 
     89 
     90         
     91        function getTimeStamp() { 
     92            var date = new Date(); 
     93             
     94            var timeParts = [ 
     95                date.getHours(),  
     96                date.getMinutes(),  
     97                date.getSeconds() 
     98            ]; 
     99             
     100            var timeStamp = timeParts.join(":"); 
     101             
     102            return timeStamp; 
     103        } 
     104 
     105        function clearLog() { 
     106            eventsLog.innerHTML = "<b>Events Log:</b>"; 
     107        } 
     108    </script> 
     109  </head> 
     110  <body onload="init()"> 
     111    <div id="map"></div> 
     112    <div id="controls"> 
     113        <div id="eventsLogID"> 
     114            <b>Events Log:</b> 
     115        </div>          
     116    </div> 
     117    <div style="position:absolute; top: 500px; width: 700px"> 
     118        <input type="button" value="Clear" style="float:right" onclick="clearLog()"/> 
     119    </div> 
     120  </body> 
     121</html> 
    1122<html xmlns="http://www.w3.org/1999/xhtml"> 
    2123  <head> 
    …… 
    123244  </body> 
    124245</html> 
    125 <html xmlns="http://www.w3.org/1999/xhtml"> 
    126   <head> 
    127     <style type="text/css"> 
    128         #map { 
    129             position: absolute; 
    130             top: 5px; 
    131             left: 5px; 
    132             width: 500px; 
    133             height: 475px; 
    134             border: 1px solid black; 
    135         } 
    136         #eventsLogID { 
    137             position: absolute; 
    138             top: 5px; 
    139             left: 510px; 
    140             width: 300px; 
    141             height: 475px; 
    142             overflow: auto; 
    143             border: 1px solid black; 
    144         } 
    145     </style> 
    146     <script src="../lib/Firebug/firebug.js"></script> 
    147     <script src="../lib/OpenLayers.js"></script> 
    148     <script type="text/javascript"> 
    149         <!-- 
    150         var lon = 5; 
    151         var lat = 40; 
    152         var zoom = 5; 
    153         var map, layer; 
    154          
    155         function init(){ 
    156  
    157             eventsLog = OpenLayers.Util.getElement("eventsLogID"); 
    158  
    159             map = new OpenLayers.Map( 'map' ); 
    160             map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    161             
    162             buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0",  
    163                     "http://labs.metacarta.com/wms/vmap0", 
    164                     {layers: 'basic'} ,  
    165                     { singleTile: false, buffer:0} 
    166             ); 
    167             registerEvents(buffer0); 
    168  
    169             buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1",  
    170                     "http://labs.metacarta.com/wms/vmap0", 
    171                     {layers: 'basic'} ,  
    172                     { singleTile: false, buffer:1} 
    173             ); 
    174             registerEvents(buffer1); 
    175  
    176             buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2",  
    177                     "http://labs.metacarta.com/wms/vmap0", 
    178                     {layers: 'basic'} ,  
    179                     { singleTile: false, buffer:2 } 
    180             ); 
    181             registerEvents(buffer2); 
    182  
    183             singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer",  
    184                     "http://labs.metacarta.com/wms/vmap0", 
    185                     {layers: 'basic'} ,  
    186                     { singleTile: true} 
    187             ); 
    188             registerEvents(singleTileLayer); 
    189              
    190             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); 
    191         }         
    192          
    193         function registerEvents(layer) { 
    194                  
    195             layer.logEvent = function(event) { 
    196                 eventsLog.innerHTML += "<br>(" + getTimeStamp() + ") " + 
    197                                        this.name + ": " + event;     
    198             } 
    199              
    200             layer.events.register("loadstart", layer, function() { 
    201                 this.logEvent("Load Start"); 
    202             }); 
    203       
    204             layer.events.register("tileloaded", layer, function() { 
    205                 this.logEvent("Tile loaded. " + this.numLoadingTiles + " left."); 
    206             }); 
    207              
    208             layer.events.register("loadend", layer, function() { 
    209                 this.logEvent("Load End. Grid:" + this.grid.length + "x" + this.grid[0].length); 
    210             }); 
    211              
    212             map.addLayer(layer); 
    213         } 
    214  
    215          
    216         function getTimeStamp() { 
    217             var date = new Date(); 
    218              
    219             var timeParts = [ 
    220                 date.getHours(),  
    221                 date.getMinutes(),  
    222                 date.getSeconds() 
    223             ]; 
    224              
    225             var timeStamp = timeParts.join(":"); 
    226              
    227             return timeStamp; 
    228         } 
    229  
    230         function clearLog() { 
    231             eventsLog.innerHTML = "<b>Events Log:</b>"; 
    232         } 
    233  
    234         // --> 
    235     </script> 
    236   </head> 
    237   <body onload="init()"> 
    238     <div id="map"></div> 
    239     <div id="controls"> 
    240         <div id="eventsLogID"> 
    241             <b>Events Log:</b> 
    242         </div>          
    243     </div> 
    244     <div style="position:absolute; top: 500px; width: 700px"> 
    245         <input type="button" value="Clear" style="float:right" onclick="clearLog()"/> 
    246     </div> 
    247   </body> 
    248 </html> 

  • trunk/openlayers/examples/layerswitcher.html

    r3853 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
     12        var map; 
    1313        function init(){ 
    14             var map = new OpenLayers.Map('map', { controls: [] }); 
     14            map = new OpenLayers.Map('map', { controls: [] }); 
    1515 
    1616            map.addControl(new OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('layerswitcher')})); 
    …… 
    3636            if (!map.getCenter()) map.zoomToMaxExtent(); 
    3737        } 
    38         // --> 
    3938    </script> 
    4039  </head> 

  • trunk/openlayers/examples/lite.html

    r3296 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var lon = 5; 
    1413        var lat = 40; 
    …… 
    2423            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); 
    2524        } 
    26         // --> 
    2725    </script> 
    2826  </head> 

  • trunk/openlayers/examples/mapserver.html

    r2979 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var lon = 5; 
    1413        var lat = 40; 
    …… 
    2726        } 
    2827         
    29         // --> 
    3028    </script> 
    3129  </head> 

  • trunk/openlayers/examples/mapserver_untiled.html

    r4068 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
     12        var map; 
    1213        window.onload = function(){ 
    13             var map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} ); 
     14            map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} ); 
    1415            var layer = new OpenLayers.Layer.MapServer( "MapServer Untiled",  
    1516                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}, {singleTile: true} ); 

  • trunk/openlayers/examples/markerResize.html

    r1592 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, layer; 
    1413        var size, icon; 
    …… 
    4241             
    4342        } 
    44         // --> 
    4543    </script> 
    4644  </head> 

  • trunk/openlayers/examples/markers.html

    r1592 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, layer; 
    1413 
    …… 
    4544            halfIcon.setOpacity(0.5); 
    4645        } 
    47         // --> 
    4846    </script> 
    4947  </head> 

  • trunk/openlayers/examples/markersTextLayer.html

    r1592 r4222  
    1010    <script src="../lib/OpenLayers.js"></script> 
    1111    <script type="text/javascript"> 
    12         <!-- 
    1312        var map, layer; 
    1413 
    …… 
    2726            map.zoomToMaxExtent(); 
    2827        } 
    29         // --> 
    3028    </script> 
    3129  </head> 

  • trunk/openlayers/examples/mm.html

    r2541 r4222  
    1515    <script src="../lib/OpenLayers.js"></script> 
    1616    <script type="text/javascript"> 
    17         <!--&