ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adding the tile extent examples as part of #3002.

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@11005 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Tim Schaub
2011-01-05 17:37:58 +00:00
parent 9e89f4f173
commit 52a105c3aa
2 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
examples/tile-extent.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>OpenLayers Tile Extent Example</title>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
<link rel="stylesheet" href="../theme/default/google.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1 id="title">Tile Extent</h1>
<div id="tags">
grid, tileExtent
</div>
<p id="shortdesc">
Demonstrates the use of the tileExtent property to differentiate
between the maximum extent and the tile extent for a layer.
</p>
<div id="map" class="smallmap"></div>
<div id="docs">
<p>
This example uses a layer that requests map tiles from a WMS
that only generates image responses for requests that align with
a particular tile lattice. In this case, the layer's
<code>maxExtent</code> does not align with that tile lattice.
To configure the layer with a tile extent that conforms to the
tile extent configured on the server, use the layer's
<code>tileExtent</code> property.
</p><p>
View the <a href="tile-extent.js" target="_blank">tile-extent.js</a>
source to see how this is done
</p>
</div>
<script src="../lib/OpenLayers.js"></script>
<script src="tile-extent.js"></script>
</body>
</html>

16
examples/tile-extent.js Normal file
View File

@@ -0,0 +1,16 @@
var map = new OpenLayers.Map({
div: "map",
maxExtent: new OpenLayers.Bounds(-130, 30, -80, 55),
maxResolution: 360 / 256 / Math.pow(2, 4),
numZoomLevels: 12,
layers: [
new OpenLayers.Layer.WMS(
"Global Imagery",
"http://maps.opengeo.org/geowebcache/service/wms",
{layers: "bluemarble"},
{tileExtent: new OpenLayers.Bounds(-180, -90, 180, 90)}
)
],
center: new OpenLayers.LonLat(-110, 45),
zoom: 0
});