1 <html xmlns="http://www.w3.org/1999/xhtml">
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">
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} );
17 map.zoomToExtent(map.restrictedExtent);
21 <body onload="init()">
22 <h1 id="title">Basic ESRI Map Cache Example</h1>
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>
28 <div id="map" class="smallmap"></div>
31 Show the use of the XYZ layer to access a map cache provided in spherical mercator by ESRI.