Changeset 4593
- Timestamp:
- 09/28/07 18:13:09 (1 year ago)
- Files:
-
- sandbox/docs/examples/layerLoadMonitoring.html (modified) (4 diffs)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
sandbox/docs/examples/layerLoadMonitoring.html
r4286 r4593 1 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 2 <head> 3 <title>OpenLayers Layer Load Monitoring Example</title> 3 4 <style type="text/css"> 4 5 #map { 5 position: absolute; 6 top: 5px; 7 left: 5px; 8 width: 450px; 9 height: 475px; 6 width: 512px; 7 height: 512px; 10 8 border: 1px solid black; 11 9 } 10 #controls { 11 float: left; 12 text-align: right; 13 } 12 14 #eventsLogID { 13 position: absolute; 14 top: 5px; 15 left: 460px; 15 text-align: left; 16 16 width: 350px; 17 17 height: 475px; … … 27 27 var zoom = 5; 28 28 var map, layer; 29 29 30 30 function init(){ 31 31 … … 34 34 map = new OpenLayers.Map( 'map' ); 35 35 map.addControl(new OpenLayers.Control.LayerSwitcher()); 36 37 buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0", 36 37 buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0", 38 38 "http://labs.metacarta.com/wms/vmap0", 39 {layers: 'basic'} , 39 {layers: 'basic'} , 40 40 { singleTile: false, buffer:0} 41 41 ); 42 42 registerEvents(buffer0); 43 43 44 buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1", 44 buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1", 45 45 "http://labs.metacarta.com/wms/vmap0", 46 {layers: 'basic'} , 46 {layers: 'basic'} , 47 47 { singleTile: false, buffer:1} 48 48 ); 49 49 registerEvents(buffer1); 50 50 51 buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2", 51 buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2", 52 52 "http://labs.metacarta.com/wms/vmap0", 53 {layers: 'basic'} , 53 {layers: 'basic'} , 54 54 { singleTile: false, buffer:2 } 55 55 ); 56 56 registerEvents(buffer2); 57 57 58 singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer", 58 singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer", 59 59 "http://labs.metacarta.com/wms/vmap0", 60 {layers: 'basic'} , 60 {layers: 'basic'} , 61 61 { singleTile: true} 62 62 ); 63 63 registerEvents(singleTileLayer); 64 64 65 65 map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); 66 } 67 66 } 67 68 68 function registerEvents(layer) { 69 69 70 70 layer.logEvent = function(event) { 71 71 eventsLog.innerHTML += "<br>(" + getTimeStamp() + ") " + 72 this.name + ": " + event; 72 this.name + ": " + event; 73 73 } 74 74 75 75 layer.events.register("loadstart", layer, function() { 76 76 this.logEvent("Load Start"); 77 77 }); 78 78 79 79 layer.events.register("tileloaded", layer, function() { 80 80 this.logEvent("Tile loaded. " + this.numLoadingTiles + " left."); 81 81 }); 82 82 83 83 layer.events.register("loadend", layer, function() { 84 84 this.logEvent("Load End. Grid:" + this.grid.length + "x" + this.grid[0].length); 85 85 }); 86 86 87 87 map.addLayer(layer); 88 88 } 89 89 90 90 91 91 function getTimeStamp() { 92 92 var date = new Date(); 93 93 94 94 var timeParts = [ 95 date.getHours(), 96 date.getMinutes(), 95 date.getHours(), 96 date.getMinutes(), 97 97 date.getSeconds() 98 98 ]; 99 99 100 100 var timeStamp = timeParts.join(":"); 101 101 102 102 return timeStamp; 103 103 } … … 109 109 </head> 110 110 <body onload="init()"> 111 <div id="map"></div> 112 <div id="controls"> 111 <h1 id="title">Layer Load Monitoring Example</h1> 112 113 <div id="tags"></div> 114 115 <p id="shortdesc"> 116 Demonstrate a method for monitoring tile loading performance. 117 </p> 118 119 <div id="map" style="float:left;"></div> 120 121 <div id="controls"> 113 122 <div id="eventsLogID"> 114 123 <b>Events Log:</b> 115 </div> 124 </div> 125 126 <input type="button" value="Clear" onclick="clearLog()"/> 116 127 </div> 117 <div style="position:absolute; top: 500px; width: 700px"> 118 <input type="button" value="Clear" style="float:right" onclick="clearLog()"/>128 129 <div id="docs"> 119 130 </div> 120 131 </body>
