openlayers/examples/multiserver.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2   <head>
   3     <title>OpenLayers: Tiles from Multiple Servers</title>
   4     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
   5     <link rel="stylesheet" href="style.css" type="text/css" />
   6     <script src="../lib/OpenLayers.js"></script>
   7     <script type="text/javascript">
   8         var lon = 5;
   9         var lat = 40;
  10         var zoom = 5;
  11         var map, layer;
  12
  13         function init(){
  14             map = new OpenLayers.Map( 'map' );
  15
  16             var urlArray = ["http://t1.labs.metacarta.com/wms-c/Basic.py",
  17                             "http://t2.labs.metacarta.com/wms-c/Basic.py"];
  18             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
  19                                               urlArray,
  20                                               {layers: 'basic'} );
  21             map.addLayer(layer);
  22             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
  23         }
  24     </script>
  25   </head>
  26   <body onload="init()">
  27     <h1 id="title">Multiple Server URLS</h1>
  28
  29   <div id="tags">
  30   </div>
  31   <p id="shortdesc">
  32       Load your tiles faster by pointing to the same server, but with different urls
  33   </p>
  34
  35     <div id="map" class="smallmap"></div>
  36     <div id="docs">
  37     Browsers typically limit the number of concurrent requests to the same server, based on hostname. In order to ake tiles load more quickly, it often makes sense to distribute requests over multiple hostnames to achieve more concurrency. Typically, browsers perform best with 3 different hostnames -- your performance may vary. (For example, if your server can't handle more than 2 requests simultaneously, then additional hostnames will not help you.)
  38    </div>
  39
  40   </body>
  41 </html>