openlayers/examples/xyz-esri.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2   <head>
   3     <title>OpenLayers Basic ESRI Map Cache Example</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 map, layer;
   9         function init(){
  10             OpenLayers.Util.onImageLoadError = function() { this.style.display="none";}
  11             var layerExtent = new OpenLayers.Bounds( -13758743.4295939,  5591455.28887228, -13531302.3472101 , 5757360.4178881)
  12             map = new OpenLayers.Map( 'map', {'restrictedExtent': layerExtent} );
  13             layer = new OpenLayers.Layer.XYZ( "ESRI",
  14                     "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer/tile/${z}/${y}/${x}",
  15                     {sphericalMercator: true} );
  16             map.addLayer(layer);
  17             map.zoomToExtent(map.restrictedExtent);
  18         }
  19     </script>
  20   </head>
  21   <body onload="init()">
  22     <h1 id="title">Basic ESRI Map Cache Example</h1>
  23
  24     <div id="tags"></div>
  25
  26     <div id="shortdesc">Show a Simple ESRI map using the layer from <a href="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer">ESRI's server</a>. </div>
  27
  28     <div id="map" class="smallmap"></div>
  29
  30     <div id="docs">
  31        Show the use of the XYZ layer to access a map cache provided in spherical mercator by ESRI.
  32     </div>
  33   </body>
  34 </html>